eslint vscode 自动格式化_使用ESLint自动修复和格式化JavaScript

在分析JavaScript程序错误时，ESLint是最好的linting工具之一。 ESLint提供对大量潜在错误和样式违规的检查。 它的可插拔架构还使任何人都可以编写自己的规则和自定义配置。

使用--fix标志自动修复的功能。 集成自动修复功能可以在将错误检查到存储库之前清除错误并保持代码清洁，从而提供持续的反馈。 通过确保所贡献的代码不需要很少的清理，这可以为您和您的团队在查看代码时节省时间。

每当我在编辑器中保存文件时，我都希望立即进行清理。 它提供快速反馈循环并将固定更改保留到磁盘。 在本文中，我将向您展示如何为一些受欢迎的编辑器执行此操作。

注意：这不是关于如何使用ESLint的教程，我假设您已经熟悉该工具。 如果您需要帮助开始使用ESLint，请在继续之前先查看“入门指南”。

您可以在本地为给定项目(在node_modules内)安装ESLint，也可以为所有项目全局安装ESLint。 我们将在本教程中使用本地ESLint安装，但其中大多数也适用于全局安装。

npm install eslint --dev

VS Code

对于VS Code，请安装ESLint包。 然后，要在保存时格式化，请转到全局设置并搜索ESLint并打开ESLint：Auto Fix On Save选项。

Atom

对于Atom，请安装linter-eslint包和任何依赖项。 然后，转到插件设置并选中“保存时修复错误”。

Sublime Text

对于Sublime，使用Package Control安装ESLint-Formatter包。 然后，要在保存时格式化，请将以下内容添加到首选项 - >包设置 - > ESLint-Formatter - >设置 - 用户文件：

{

“format_on_save”：true

}

其他编辑器

如果您的编辑器未在上面表示，则可能已经存在集成或直接使用eslint命令来实现类似效果的方法。

例如，Vim插件将运行如下所示的内容：

eslint -c --fix