VUE-1

node -v 和 npm -v 分别查看node和npm的版本号

1.配置node环境变量

在执行例如npm install webpack -g等命令全局安装的时候，默认会将模块安装在C:\Users\用户名\AppData\Roaming路径下的npm和npm_cache中，不方便管理且占用C盘空间

执行命令：
npm config set prefix “D:\ProgramData\nodeJS\node_global”
npm config set cache “D:\ProgramData\nodeJS\node_cache”

执行成功。然后在环境变量 -> 系统变量中新建一个变量名为 “NODE_PATH”， 值为“D:\ProgramData\nodeJS\node_modules”，

最后编辑用户变量里的Path，将相应npm的路径改为：D:\ProgramData\nodeJS\node_global，

在cmd命令下执行 npm install webpack -g 然后安装成功后可以看到自定义的两个文件夹已生效

 2.安装cnpm

安装yarn  npm install -g yarn

在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org 、

npm install -g cnpm --registry=https://registry.npmmirror.com

然后等待

查看版本 cnpm -v 

 3.构建vue-cli脚手架

执行命令cnpm install -g vue-cli

执行命令
npm/cnpm install -g vue
npm/cnpm install -g @vue/cli-init

查看版本vue -V

 查看vue所在的路径 npm config list

4.创建vue空项目

 在命令行中运行命令 vue init webpack firstvue。（报错， vue-cli · Failed to download repo vuejs-templates/webpack: connect ETIMEDOUT 20.205.243.166:443）

vue-cli Failed to download repo vuejs-templates/webpack连接超时解决办法 - 爱码网

离线创建  vue init webpack firstvue1 --offline

运行 vue create firstvue，其中firstvue(要小写)是整个项目文件夹的名称，这个文件夹会自动生成在当前目录中

 第一个回车

运行 npm run serve