1、 安装Vue项目需要安装Node环境,全局安装Node,成功之后,输入命令,
node -v 复制代码
成功之后,可以看到以下效果:
友情提示:node环境最好在6.0以上2、 可以使用npm命令安装vue项目,也可以使用淘宝镜像,npm安装比较慢,所以这里是使用淘宝镜像安装的,全局安装淘宝镜像使用以下命令:
npm install -g cnpm --registry=https://registry.npm.taobao.org 复制代码
3、 初始化项目 安装vue脚手架,使用以下命令:
cnpm install vue-cli -g 复制代码
以此全局安装 vue-cli
4、查看vue-cli是否成功,不能检查vue-cli,需要检查vue,输入以下命令:
vue list 复制代码
如果正常,就是安装成功了,安装不成功,汇会报vue不是内部命令
5、 自定义路径,新建vue项目,使用以下命令
vue init webpack "项目名称" 复制代码
出现Project name以及Project description等,默认回车就行,vue-route一般都默认安装上去,ESLint语法检测的,看自己喜好,unit的也是看自己喜好,一路回车下去,就会安装 6、 安装完之后,进入项目目录 cd 项目目录 7、使用以下命令安装依赖 cnpm install 8、 安装完依赖之后,使用以下命令运行项目 cnpm run dev 或者 npm run dev 9、 出现以下界面,就算安装成功了:
这样就完成了一个简单的Vue项目的安装