vue.js有著名的全家桶系列，包含了vue-router，vuex， vue-resource，再加上构建工具vue-cli，就是一个完整的vue项目的核心构成。
1.vue-cli 是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板。作用:不必自己手动配项目环境，提供好基本的项目结构。
npm install -g vue-cli验证是否安装成功
vue –version用vue-cli创建项目的方式有以下两种：
(1)vue init webpack XX：适合中大型项目。项目目录为：
安装时要填的选项有以下这些：
- project name: 这个是你的项目名
- project description: 你的项目描述
- author： 作者
- Vue build： 直接回车
- install vue-router（y/s）： 是否装路由
- use eslint to lint your code（y/s）: 是否装eslint检查你的代码规范（不建议安装）
Pick an ESLint preset (Use arrow keys)（选择题）： 选择一个ESLint预设标准
Standard： 预设一（查看这个标准的详情）
AirBNB ： 预设二（查看这个标准的详情）
none： 自定义 - Setup unit tests(Y/n)： 是否安装单元测试
- Setup e2e tests with Nightwatch(Y/n)： 是否安装端对端测试文件
(2)vue init webpack-simple XX：创建简洁的项目目录结构，没有Eslint代码检查和单元测试，适用于中小项目。项目目录为：
各个文件夹所存放的内容分别是：
- build： webpack的配置文件(一般不用去动他)
- config: 这里也是webpack的配置文件，不过是给我们配置的
- src: 项目源代码
- App.vue 根组件
- main.js 页面入口js 文件
- static: 静态资源目录（存放第三方js库）
- .eslintrc.js: eslint的规则
- test: 如果装了测试模块的会有这个
- index.html 入口页面
- package.json 项目描述文件
2.cd 进入到项目目录，执行npm install，安装所有依赖文件
3.npm run dev 执行项目
4.在项目开发完成之后，可以输入npm run build 来进行打包工作。
打包完后你就会在你的项目文件夹里发现一个dist的文件夹里面就是打包完的项目