Vue 组件库
1. vue-cli 手动选择要安装的功能
vue-cli 手动选择要安装的功能
目标：在使用 vue-cli 创建项目的时候，能够手动选择要安装的功能
回顾之前使用 vue-cli 创建项目的步骤：
- 运行 vue create 项目名称
- 选择 Default（[vue 2] babel, eslint） 存在的问题：
- 只包含特定的 3 个功能（vue2 + babel + eslint）
- 不包含 vue-router、vuex 等其它功能 推荐的方式：选择 Manually select features
好处：在项目创建期间，能够选择并安装更多的功能
手动选择要安装的功能（1/10）
- 运行 vue create 项目名称
- 选择 Manually select features
手动选择要安装的功能（2/10）
推荐选择并安装以下的 6 个功能：
- ↑↓箭头切换选中项
- 空格切换选中状态
- *号表示安装选中的功能
手动选择要安装的功能（3/10）
选择要安装的 vue 版本（建议选择 2.x）：
手动选择要安装的功能（4/10）
是否使用 history 模式的路由（建议输入 n）：
手动选择要安装的功能（5/10）
选择要使用的 CSS 预处理器（建议选择 Less）：
手动选择要安装的功能（6/10）
选择要使用的 ESLint 语法规则（建议选择 ESLint + Standard config）：
手动选择要安装的功能（7/10）
选择额外的 lint 功能（建议选择 Lint on save，在 Ctrl + S 的时候检测代码是否符合规范）：
手动选择要安装的功能（8/10）
把第三方插件的配置选项放到哪个配置文件中（建议选择 In dedicated config files，表示：独立的配置文件）：
手动选择要安装的功能（9/10）
是否把刚才所有的操作保存为预设，方便下次直接基于预设，一键生成项目（建议输入 y）：
手动选择要安装的功能（10/10）
为预设提供一个好记的名字（建议输入英文的预设名称）：
2. ESLint 基本语法
目标：能够知道 ESLint 常见的语法规则，并在实际开发中遵守这些规则
什么是 ESLint？
官方概念：ESLint 是可组装的 JavaScript 和 JSX 检查工具。
通俗理解：一个工具，用来约束团队成员的代码风格。
好处：保证团队协作开发时，编写出来的代码风格保持一致。
例如：
- JS 中的字符串，统一使用单引号表示
- 代码缩进，统一使用两个空格
- 不允许出现 ≥2 个的连续空行
常见的 ESLint 规则
更多的 ESLint 规则，请查阅官方文档 eslint.bootcss.com/docs/rules/
修改 vue-cli 项目的语法规则
- 找到项目根目录下的 .eslintrc.js 配置文件
- 在 rules 配置选项中，修改默认的语法规则
注意：修改完 .eslintrc.js 配置文件后，必须重新运行 npm run serve 命令，否则修改后的配置不会生效！
