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项目搭建
Paste_Image.png
接着就会出现这个，蓝色字体的 有的输入的，有的是选择的
Paste_Image.png
打开文件夹会发现这里有个刚刚创建的项目
Paste_Image.png
4，安装项目依赖
在小黑框里将路径跳转到刚刚创建的项目里
Paste_Image.png
输入
npm install
接着就会开始下载依赖，下载的过程比较慢，因为npm的服务器在国外，所以慢慢等吧
Paste_Image.png
这样便安装成功了。
在webstorm上打开项目，项目结构如下
Paste_Image.png
5，运行项目
在小黑框输入
npm run dev
不发生意外的话，浏览器就会出现这个界面
Paste_Image.png
