vue-cli脚手架的搭建

第一步：

进入官网下载node.js

第二步：

安装完node，查看安装版本

npm -v

node -v

第三步：

配置环境变量，由于我的node是安装在D盘的，所在在该文件夹下创建两个文件，分别是 node_global和node_cache

 

第四步：

接着打开cmd命令工具，输入两句指令（根据自己实际修改路径）

npm config set prefix "D:\npm\node_global"
npm config set cache "D:\npm\node_cache"

 接着右键“我的电脑”= =>选择属性= =>点击高级系统设置==>点击环境变量= =》新建系统变量
注： 这里的node_modules目录是还没有的，但是我们等会把模块安装到全局目录下就会自动生成这个文件夹。

 在系统变量—Path添加上%NODE_PATH%和D:\npm\node_global（D:\npm\node_global不添加的话后面安装脚手架会报错，会提示vue不存在等提示，无法创建vue项目，所以可提前配置好）

 接着双击用户变量的PATH

 将路径’C:\Usersymorning\AppData\Roaminginpm‘删除，点击确定，配置完成。

第五步：

安装

cnpm install -g @vue/cli

 查看版本

vue-V

创建项目（创建项目之前进入C盘用户文件夹下删除/.npmrc 文件夹，不然后面搭建vue项目时会报错）

vue create vue_project