如果你是一名前端开发人员，你一定知道 ESLint 这个工具。它可以帮助我们检查代码是否符合规范，提高代码质量和可读性。但是，每次手动修复代码都是很麻烦的事情。本文将介绍如何在 VScode 中设置 ESLint 自动修复功能，让你的工作更加高效。
步骤
第一步：安装 ESLint 插件
在 VScode 中搜索并安装 ESLint 插件。如果你已经安装了 ESLint，可以跳过这一步。
第二步：安装 eslint_d 插件
eslint_d 是一个 ESLint 的后台进程，它可以提高 ESLint 的检查速度。在 VScode 中搜索并安装 eslint_d 插件。
第三步：配置 VScode
在 VScode 中打开设置，搜索 "eslint.autoFixOnSave"，将其设置为 true。
- ----------------------- ---- -
第四步：配置 .eslintrc.js
在项目根目录下创建 .eslintrc.js 文件，并进行如下配置：
-------------- - -
----- -----
---- -
----- -----
---- -----
-------- ----
--
-------- -
---------------------
----------------------
--
-------------- -
------- ---------------
------------ ----
--
-------- -
-----
--
------ -
------------- ------
-------------- -----
-
-其中，"eslint:recommended" 是 ESLint 官方推荐的规则集，"plugin:vue/essential" 是 vue.js 官方推荐的规则集。
第五步：使用
现在，当你保存代码时，ESLint 将自动修复一些常见的问题，如缩进、空格、引号等等。当然，有些问题需要手动修复。
总结
通过本文的介绍，你已经了解了如何在 VScode 中设置 ESLint 自动修复功能。这样，你就可以更加高效地进行前端开发，提高代码质量和可读性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65fcddffd10417a22283b7e3