没有合适的资源?快使用搜索试试~ 我知道了~
给那些刚刚接触或者想接触vue的小白,安装vue并新建好一个vue项目其实还是有点麻烦的,有许多坑,本文档是我踩坑后写的 ,希望对大家有所帮助。
资源推荐
资源详情
资源评论
1.安装node v 8.11.1
2.修改NPM的缓存目录和全局目录路径,将对应的模块目录改到E盘nodejs的安装目录,第二步是配置npm和nodejs的环境变量,这样nodejs才能正确地调用对应的模块。
我们先来做第一步,在D盘nodejs目录下创建两个目录,分别是node_cache和node_global,这是用来放安装过程的缓存文件以及最终的模块配置位置。配置完成后,执行下面这两个命令:
npm config set prefix "E:\nodejs\node_global"
npm config set cache "E:\nodejs\node_cache"
以将npm的全局模块目录和缓存目录配置到我们刚才创建的那两个目录。
3.配置环境变量
1.新建个人变量,变量名填:NODE_PATH
变量值填:E:\nodejs\node_modules\
2.在个人变量部分,选择Path,然后点击右下角的编辑,然后选择npm那个。
点击右边的编辑,将其修改为:E:\nodejs\node_global\
4.配置镜像(cmd下操作)
npm config set registry https://registry.npm.taobao.org --global
5.安装打包插件和vue(cmd下操作)
npm install webpack -g
npm install -g vue-cli (在管理员模式下的命令行执行)
6.测试是否安装成功(cmd下操作)
node -v
npm -v
vue -V
都能有相关版本输出。
二.新建vue项目,打开命令行:
C:\Users\yw>vue -V
2.9.3
2.修改NPM的缓存目录和全局目录路径,将对应的模块目录改到E盘nodejs的安装目录,第二步是配置npm和nodejs的环境变量,这样nodejs才能正确地调用对应的模块。
我们先来做第一步,在D盘nodejs目录下创建两个目录,分别是node_cache和node_global,这是用来放安装过程的缓存文件以及最终的模块配置位置。配置完成后,执行下面这两个命令:
npm config set prefix "E:\nodejs\node_global"
npm config set cache "E:\nodejs\node_cache"
以将npm的全局模块目录和缓存目录配置到我们刚才创建的那两个目录。
3.配置环境变量
1.新建个人变量,变量名填:NODE_PATH
变量值填:E:\nodejs\node_modules\
2.在个人变量部分,选择Path,然后点击右下角的编辑,然后选择npm那个。
点击右边的编辑,将其修改为:E:\nodejs\node_global\
4.配置镜像(cmd下操作)
npm config set registry https://registry.npm.taobao.org --global
5.安装打包插件和vue(cmd下操作)
npm install webpack -g
npm install -g vue-cli (在管理员模式下的命令行执行)
6.测试是否安装成功(cmd下操作)
node -v
npm -v
vue -V
都能有相关版本输出。
二.新建vue项目,打开命令行:
C:\Users\yw>vue -V
2.9.3
资源评论
yostkevin
- 粉丝: 40
- 资源: 6
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功