Question

vue vue-cli脚手架 要先安装哪个？

Answer 1

一般就是这样：
本人测试vue-cli，使用的各个工具的版本，分别是node6.95、webpack3.6.0、vue2.4.4。

第一步，安装node.js。
PS：我所使用的系统是win7的64位。
PS：检测node.js是否安装成功，在命令行中输入node -v即可。

第二步，安装cnpm。点击运行，输入cmd，执行命令：$ npm install -g cnpm --registry=https://registry.npm.taobao.org。
PS：有的朋友可能安装cnpm不成功，如果不成功可以自行百度，寻找解决方案。如果不能解决，以后只能使用npm命令，npm命令执行效率会比较慢。
PS：检测cnpm是否安装成功，在命令行中输入cnmp -v即可。

第三步，安装webpack。执行命令：cnpm install webpack -g。
PS：同样的事使用webpack -v来检测webpack是否安装成功。

第四步，安装Vue。执行命令：cnpm install vue。

第五步，全局安装vue-cli。执行命令：cnpm install --global vue-cli。(此步可以忽视)

第六步，在开源处(即存放网站的地方)，执行操作：shift+右键，点击在此处打开命令窗口。

第七步，执行命令vue init webpack projectname(自定义项目名)或vue init webpack-simple projectname(自定义项目名)。
PS：本人使用的是webpack-simple。

第八步，等下载完以后，会提几个问题，如果需要，可以写上作者名字，其他都回车跳过或者y确认。(或按需添加)

第九步，执行命令cd projectname(自定义项目名) 定位到这里。

第十步，cnpm install安装依赖。

第十一步，npm run dev。