ESLint 与 Sublime Text 集成使用

什么是 ESLint

ESLint 是一个插件化的 JavaScript 代码检查工具，它被设计成可以看做是在编译时运行的代码检查程序。ESLint 有非常丰富的规则集，并且提供了一种简单的方法在 Node.js 环境和浏览器环境中对这些规则进行配置。使用 ESLint 能够确保您的代码风格统一，避免一些不必要的错误。

Sublime Text 的优点

Sublime Text 是一款流行的文本编辑器，它非常快速、稳定、易用，可扩展性强。 Sublime Text 的插件系统是一个特别强大的功能，让您可以将它变成一个完全定制化的 IDE。

使用 ESLint 和 Sublime Text

接下来，我们将讲解如何将 ESLint 集成至 Sublime Text，以方便您的工作。

安装 ESLint

要使用 ESLint，您需要先安装它。可以通过运行以下命令来全局安装：

--- ------- ------ --

安装 Sublime Text 插件

要使用 ESLint ，您需要在 Sublime Text 中安装一个插件。这个插件叫做 SublimeLinter-eslint。

-----------

在编辑器中打开命令面板，并输入 "Install Package"，然后选择 "SublimeLinter-eslint"。

配置 SublimeLinter-eslint

在 SublimeLinter-eslint 中，您可以配置许多选项来定义您的代码风格。一些最常用的配置项如下：

• "eslint_options": {}:指定要使用的ESLint选项。
• "ignore_errors_on_save": false:当您保存文件时，是否应忽略任何生成的错误。
• "lint_mode": "background":定义何时应在所有打开的文档上运行Linter。
• "linters": {}:定义每个文件类型应该使用哪个Linter。在这个对象中，键是文件类型，值是 Linter 名称和选项。

一般情况下，您需要将Linter设置为默认选项，因为默认选项已经涵盖了绝大部分的JS代码风格规则。如果您需要自定义行为，可以在配置文件中指定选项和规则。

集成 ESLint + Sublime Text 快捷键

将以下快捷键绑定到eslint检查快捷方法：

-
    - 
        ------- ----------------- 
        ---------- ----------------
    -
-

在Sublime Text中按下 ctrl + shift + l 就可以启动 eslint 检查程序对当前文件进行检查。

结论

在日常前端开发工作中，ESLint 和 Sublime Text 是两个非常值得使用的工具。它们可以很好地协作，为您提供一种完整的检查和工具链，可以帮助您确保代码风格的一致性，减少错误数量，在更快的速度上构建出可维护、可扩展和更易于阅读的代码。

来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/66ff56fc638fa559cf788579