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

如题所述

一般就是这样:
本人测试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。
温馨提示:答案为网友推荐,仅供参考