完成的前端开发环境
- 预编译模板
- 注入依赖
- 合并压缩资源
- 分离开发
- 生产环境
- 模拟的服务端环境等
Vue项目快速构建工具
Vue CLI
关于怎么用Vue CLI创建项目，Vue 入门基础 已经提及。
- 项目初始目录
| 名称 | 描述 |
|---|---|
| build | 开发和生产版本的构建脚本 |
| config | 开发和生产版本的部分构建配置 |
| dist | npm run build 生成，项目的生产版本，交付物 |
| src | 关键资源和主要工作空间 |
| static | 静态资源 |
| .babelrc | js 预编译器的配置文件 |
| .eslintignore | 代码语法检查，应忽略的 |
| .eslintrc.js | 代码语法检查，应规范的 |
| .gitignore | Git 忽略项配置 |
| index.html | 应被 Webpack 注入资源的模板HTML文件 |
- src 目录
assets ： 存放图片，音频，视频等资源
components ： 存放单文件组件
router/index.js ： 配置项目的前端路由
App.vue ： 默认项目根组件
main.js ： webpack的入口文件
前端路由
核心
- 需要监听浏览器地址的变化
- 需要动态加载视图
1、基础路由
2、动态路由
3、潜逃路由
4、编程式路由
状态管理器 Vuex
重要概念：State, Getter, Mutation, Action, Module