ESLint

所有的配置文件都在 中。本项目基本规范是依托于 vue 官方的 eslint 规则 eslint-config-vue 做了少许的修改。大家可以按照自己的需求进行定制化配置。

比如：我个人或者项目组习惯于使用两个空格，但你可能觉得四个空格更顺眼，你可以做如下修改。进入项目 中，找到 indent，然后修改为 即可。 还有各种各样的配置信息，详情见 。

在 v3.8.1版本之后，增加了来更好的校验 vue 相关代码。

默认情况下使用了最严格的plugin:vue/recommended来校验代码，若你觉得太严格可自行修改。

这所谓工欲善其事，必先利其器，个人推荐 eslint+vscode 来写 vue，绝对有种飞一般的感觉。效果如图：

每次保存，vscode 就能标红不符合 eslint 规则的地方，同时还会做一些简单的自我修正。安装步骤如下：

首先安装 eslint 插件

安装并配置完成 ESLint 后，我们继续回到 VSCode 进行扩展设置，依次点击 文件 > 首选项 > 设置 打开 VSCode 配置文件,添加如下配置

vscode 插件和配置推荐

你还可以通过配置 让你有不符合 eslint的时候在命令行或者界面里提示你有什么错误。

TIP

这个变量可以控制错误提示是否需要在浏览器界面中提示。