
本人测试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。
1、vue运行环境依赖x-editable,所以首先安装x-editable环境,可从官网下载安装。2、安装一直下一步最后选择安装目录。
3、安装完成查看x-editable安装是否正常,win+r输入cmd运行:node-v和npm-v。
4、输入命令结果如下即安装正常,以后再用到x-editable的地方直接用cnpm来代替就好了,如果权限不够,请使用管理员运行命令提示符。
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)