简介：本课程从vue-cli2项目创建到使用vue-cli3对项目进行升级，手把手教学
第2章 vue-cli2脚手架
本章节主要讲解vue-cli2脚手架的使用
- 视频： 2-1 node.js环境安装 (14:47)
- 视频： 2-2 npm安装及参数设置（1） (13:17)
- 视频： 2-3 npm安装级参数设置（2） (14:04)
- 视频： 2-4 cnpm和vue-cli2安装 (08:49)
- 视频： 2-5 创建vue-cli2项目 (16:55)
- 视频： 2-6 更改vue-cli2的helloword (10:41)
- 视频： 2-7 配置语法高亮显示 (09:16)
- 视频： 2-8 router实现页面跳转 (12:42)
- 视频： 2-9 router实现子路由（1） (12:57)
- 视频： 2-10 router实现子路由（2） (04:43)
- 视频： 2-11 为什么不用#号 (08:30)
- 视频： 2-12 单独安装eslint (15:12)
- 视频： 2-13 导入其他项目添加依赖并运行 (06:18)
- 视频： 2-14 居中怎么实现的（主组件的样式设置） (09:30)
- 视频： 2-15 阶段小结 (01:50)
第3章 vue-cli3脚手架
本章节主要讲解vue-cli3脚手架如何使用，如何对vue-cli2创建的项目进行升级
- 视频： 3-1 手动搭建vue-cli环境（1） (12:05)
- 视频： 3-2 手动搭建vue-cli环境（2） (10:19)
- 视频： 3-3 卸载vue-cli2 (03:51)
- 视频： 3-4 安装vue-cli3 (06:30)
- 视频： 3-5 vue-cli3图形界面先睹为快 (11:07)
- 视频： 3-6 vue-cli3创建项目 (10:20)
- 视频： 3-7 vue-cli3第一个welcome (10:42)
- 视频： 3-8 vue-cli3导入其他项目并运行 (05:20)
- 视频： 3-9 vue-cli3项目案例效果（1） (13:49)
- 视频： 3-10 vue-cli3项目案例效果（2） (09:29)
- 视频： 3-11 vue-cli3添加样式的三种方法 (11:44)
第4章 收官小案例
本章节主要是结合前面所讲的内容，实现一个页面案例
- 视频： 4-1 vue-cli3项目案例需求分析 (03:52)
- 视频： 4-2 vue-cli3项目案例-创建项目 (04:47)
- 视频： 4-3 vue-cli3项目案例-页面初始化及banner图片显示 (15:08)
- 视频： 4-4 vue-cli3项目案例-完成页面布局效果 (11:51)
- 视频： 4-5 vue-cli3项目案例-导航设置（1） (08:00)
- 视频： 4-6 vue-cli3项目案例-导航设置（2） (07:05)
- 视频： 4-7 vue-cli3项目案例-右侧内容设置（1） (09:18)
- 视频： 4-8 vue-cli3项目案例-实现导航效果（2） (06:31)
- 视频： 4-9 vue-cli3项目案例-右侧内容设置（3） (09:49)
- 视频： 4-10 vue-cli3项目案例-右侧内容设置（4） (03:08)
- 视频： 4-11 vue-cli3项目案例-右侧列表显示（1） (09:00)
- 视频： 4-12 vue-cli3项目案例-右侧列表显示（2） (12:19)
- 视频： 4-13 vue-cli3项目案例-右侧列表显示（3） (08:06)
- 视频： 4-14 vue-cli3项目案例-右侧列表显示（4） (04:55)
- 视频： 4-15 vue-cli3项目案例-右侧列表显示（5） (15:42)
- 视频： 4-16 vue-cli3项目案例-右侧列表显示（6） (05:13)