搭建一个vue项目

607 阅读1分钟

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项目的安装