搭建一个vue项目

本文主要是介绍搭建一个vue项目，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

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

这篇关于搭建一个vue项目的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！