Vue2.0之环境搭建

什么是Vue?
vue 是一套用于构建用户界面的渐进式框架。
与其他大型框架不同的是，Vue被设计可以自底层向上逐层应用。
只关注视图层，便于与第三方或既有的项目整合。
当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动

项目初始化

1. 安装vue-cli （脚手架）
   npm install -g vue-cli

2. 初始化项目
   vue init webpack my-project(自己起的项目名字)

3. 进入项目
   cd my-project

4. 安装依赖
   npm install

5. 启动项目
   npm run dev

目录结构：

	参考以下的目录结构，新建文件夹，下面打‘ * ’的为新建文件夹
    	<pre>
    	├── build // 构建服务和webpack配置
    	├── config // 项目不同环境的配置
    	├── dist // 项目build目录
    	├── index.html // 项目入口文件
    	├── package.json // 项目配置文件
    	├── src // 生产目录
    	│ ├── assets // 图片资源
    	│ ├── common * // 公共的css js 资源
    	│ ├── components // 各种组件
    	│ ├── moke * // 本地静态数据管理文件
    	│ ├── App.vue // 主页面
    	│ ├── vuex * // vuex状态管理器
    	│ ├── router // 路由配置器
    	│ └── main.js // Webpack 预编译入口