vue-cli脚手架
前提：node + npm 安装好
一、介绍
vue-cli: Vue + ESLint + webpack + iview + ES6
Vue:主要框架ESLint:帮助我们检查js编程时语法错误。原因：一个项目在多人开发，能达到一致的语法
webpack:设置代理、插件和loader处理各种文件和相关功能、打包等功能。整个项目的核心配置
iview:基于vue的一套样式，里面有很多封装好的组件样式
ES6:紧跟时代潮流，使用ES6语法，利用babel处理
二、安装vue-cli,创建项目并调用
1.打开cmd ,敲入命令：
npm install --global vue-cli （–global：全局安装）
2.cmd打开自己的工作空间，敲入命令：
vue init webpack test (其中test为项目名称,后面可以修改)
执行，出现以下代码：
说明：
“Project name”：这个是项目名称，默认是输入时的那个名称，想改的话直接输入修改，也可以直接回车
“Install vue-router”:是否需要vue-router，这里默认选择使用，这样生成好的项目就会有相关的路由配置文件
“Use ESLint to lint your code”:是否使用ESLint，刚才说了我们这个项目需要使用所以也是直接回车，默认使用，这样会生成相关的ESLint配置
“Setup unit tests with Karma + Moch?”: 是否安装单元测试。由于我们现在还没有单元测试，所以这里选择的是”N”，而不是直接回车哦
“Setup e2e tests with Nightwatch”：是否安装e2e测试，这里我也同样选择的是“N”
这几个配置选择yes 或者 no 对于我们项目最大的影响就是，如果选择了yes 则生成的项目会自动有相关的配置，有一些loader我们就要配套下载。所以如果我们确定不用的话最好不要yes，要么下一步要下很多没有用的loader
三、目录结构说明
-
bulid文件夹:
对我们最有用并且可能会使用的就是webpack.base.config.js、webpack.dev.config.js、webpack.prod.config.js三个webpack的配置文件，分别是基本webpack配置、开发环境配置、生产环境配置。
-
config文件夹:
最主要的就是index.js 这个文件进行配置代理服务器，这个地方和我们息息相关，和后台联调就是在这里设置一个地址就可以了。打开index.js 找到“proxyTable“这个属性，然后在里面加上对应的后台地址即可，例如：
3.src文件夹：
这个文件夹是整个项目最主要以及使用频率最高的文件夹。
“assets”: 共用的样式、图片
“components”: 业务代码存放的地方，里面分成一个个组件存放，一个页面是一个组件，一个页面里面还会包着很多组件
“router”: 设置路由
“main.js”:对应App.vue创建vue实例，也是入口文件，对应webpack.base.config.js里面的入口配置
4.static文件夹：
存放文件不会经过webpack处理，可以直接引用，例如swf文件如果要引用可以在webpack配置对swf后缀名的文件处理的loader，也可以直接将swf文件放在这个文件夹引用
5.package.json:
这个文件有两部分是有用的：scripts 里面设置命令，例如设置了dev用于调试则我们开发时输入的是
npm run dev；例如设置了build 则是输入npm run build用于打包;另一部分是这里可以看到我们需要的依赖包,在dependencies和devDependencies中，分别对应全局下载和局部下载的依赖包
四、下载依赖包
npm install | npm install vue -save-dev(依赖包)
这个过程会生成node_mordules文件夹。
五、npm run dev 启动项目
