【九月打卡】第三天 vue2.5入门

学习课程名称：vue2.5入门
章节名称：Vue-cli的使用
讲师：Dell

课程内容：

1. vue-cli 简介和使用
2. 使用vue-cli 开发todolist
3. 全局样式和局部样式

Vue CLI是一个官方发布 vue.js 项目脚手架。使用 vue-cli 可以快速搭建Vue开发环境以及对应的webpack配置.

在使用Vue.js开发大型应用时，我们需要考虑代码目录结构、项目结构和部署、热加载、代码单元测试等事情。如果每个项目都要手动完成这些工作，那无以效率比较低效，所以通常我们会使用一些脚手架工具来帮助完成这些事情。

使用脚手架，需要提前安装好Node。

当使用 Vue cli 时，每一个组件，变成了单文件组件。在这个组件中，我们可以对它的逻辑、模版、样式进行定义，在定义样式的时候，可以分为：全局样式、局部样式。

其中 style 标签中的“scoped” 说明了该style的作用域仅为该组件（文件）内。 当删除scoped 时，该样式就对其他组件也生效（不推荐！）

在工作中，我很喜欢用scss预处理器，对项目的样式进行统一管理。我们可以在外部定义好全局变量，依靠这些抽离的变量，很容易就能实现换肤等功能。并且使得代码也更加的精简。