如何让eslint自动保存并修改不合规范的文件

不管是多人合作还是个人项目,代码规范是很重要的。这样做不仅可以很大程度地避免基本语法错误,也保证了代码的可读性。这所谓工欲善其事,必先利其器,个人推荐 eslint+vscode 来写 vue,绝对有种飞一般的感觉。效果如图:

如何让eslint自动保存并修改不合规范的文件_第1张图片

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

首先安装eslint插件

如何让eslint自动保存并修改不合规范的文件_第2张图片

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

{
"files.autoSave":"off",
"eslint.autoFixOnSave": true,
"eslint.validate": [
   "javascript",
   "javascriptreact",
   "html",
   { "language": "vue", "autoFix": true }
 ],
 "eslint.options": {
    "plugins": ["html"]
 },
 "eslint.autoFixOnSave": true,
}

这样每次保存的时候就可以根据根目录下.eslintrc.js你配置的eslint规则来检查和做一些简单的fix。

小程序如何来做eslint校准呢,参考我的上一篇文章(微信,支付宝,钉钉通用)

小程序集成eslint和prettier,代码风格统一

你可能感兴趣的:(eslint,vue.js)