ESLint

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

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

    v3.8.1ESLint - 图2版本之后,增加了来更好的校验 vue 相关代码。

    如果你不想使用 ESLint 校验(不推荐取消),只要找到 vue.config.jsESLint - 图3 文件。 进行如下设置 即可。

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

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

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

    这样每次保存的时候就可以根据根目录下.eslintrc.js 你配置的 eslint 规则来检查和做一些简单的 fix。每个人和团队都有自己的代码规范,统一就好了,去打造一份属于自己的 eslint 规则上传到 npm 吧,如饿了么团队的 ,vue 的 config

    运行如上命令,eslint 会自动修复一些简单的错误。