用vue-cli脚手架搭建项目

vue.js 这个JavaScript框架在现在的市场上很火，官方网址https://cn.vuejs.org/
但是在官方里没有介绍怎么使用vue-cli搭建项目环境，一开始接触到vue的时候只会使用 <script> 标签直接引入，其他的就是一脸懵逼，慢慢的也对这个框架有些熟悉了，挺好用的，现在也有很多人在用这个框架开发网站，
虽然我是一个搞android开发的，但是技多不压身，适应市场需求

1，首先要安装node.js（这是windows系统），

https://nodejs.org/en/download/
判断node是否安装成功在小黑框里，输入node -v

Paste_Image.png

如图所示便成功了(有显示版本号)；

2，安装vue-cli;

npm install -g vue-cli

检验是否成功的

Paste_Image.png

3，找到指定的文件夹创建项目

Paste_Image.png

vue init 模板项目名
在这介绍一下常用模板
1)webpack-simple 小型项目推荐使用，没有 Eslint 代码检查
2)webpack 大型项目推荐使用可选择是否安装Eslint代码检查
ps:初学者建议不要安装Eslint，因为这玩意会处处针对你，让你的代码要写规范
这里演示模板webpack项目搭建