vue-cli的简单demo安装配置步骤:npm安装、vue-cli安装、建项目、启动服务
1,npm安装
npm安装与cnpm安装
npm install -g vue-cli
cnpm install -g vue-cli
通过npm安装有点慢(毕竟在外国嘛),可以把镜像改为淘宝的:
npm install -gd express --registry=http://registry.npm.taobao.org
cnpm一般是指淘宝团队贡献的(除了名字,一个叫npm、一个叫cnpm,其他一模一样),它安装很快
通过cnpm下载需要先安装cnpm:
npm install -g cnpm --registry=http://registry.npm.taobao.org
2,vue-cli2安装
cnpm install -g vue-cli
安装时router、ESL选项选为yes,其余一路选择默认方式
注意安装完成后,查看版本为:vue -V(大写的v)
3,建项目
有了npm、vue-cli就可以建vue-cli项目了
手动写vue-cli的项目也很复杂,新手可以借助webpack(相当于vue-cli的一个模板)快速开发
vue init webpack test
4,启动服务
其实就是启动node,node扮演的就是后端的服务
好了,完成了
将vue-cli项目导入方法:
首先要有vue-cli、npm
cmd切换到需要导入的项目
npm install (安装相关的依赖)
npm run dev