什么是ESLint？ 如何在Atom上进行设置？

偶尔，我会听说过短绒棉，但从未给予过多关注。 我会合理化，即使没有短绒棉纸，我也能很好地进行编码，为什么膨胀我的编码经验？

Linters通过甚至在运行应用程序之前调试代码来为您节省时间。 此外，它可以确保您和您的团队都遵循干净的代码惯例。 ESLint设置简便快捷，其好处实在令人难以置信。

想像。

您有一个拼写错误的变量，名为people 然后运行代码，然后项目中断，进入控制台，控制台在第43行说了一些任意行号，例如error ，然后进入第43行 ，看到传递了一个名为purple的变量，而不是people 。 您可能浪费了3分钟，您的短毛绒马上抓住了它， Error: No variable named purple ，您对其进行了修复，然后继续进行。

安装Atom软件包

为了能够使用ESLint，必须确保在Atom中安装了两个软件包。

让我们去Atom的设置 ，您只需按下得到⌘ + ,或Atom>在Mac上，并通过按首 ctrl + ,或文件>在Windows 设置 。 一旦进入“ 设置”选项卡，请单击“ Install ，您应该会看到一个搜索栏以搜索软件包名称。

输入这两个软件包的标题并安装它们。

设置ESLint

现在，您要做的就是创建一个新文件，并使用ESlint规则在项目目录的根目录下将其.eslintrc为.eslintrc。 这些规则可以自己创建，也可以npm install其他人创建的规则以快速入门。

在此示例中，我们将使用Google创建的一组规则，您可以通过以下命令进行安装。

$ npm install --save-dev eslint eslint-config-google

之后，您需要将以下内容添加到您的.erlintrc文件中。

{
    “extends”: “eslint-config-google”
}

尝试一下

如果一切都正确完成，则可以尝试以下代码，并且eslint应该会自动给您一个错误。 一旦通过在右括号和左括号之间留有空格来纠正它，它应该会自行消失。

如果看不到任何错误，请尝试退出Atom并重新启动。

ESLint提供的一些帮助来创建您自己的规则

ESLint的人员告诉我，他们还可以帮助您快速使用自己的规则。

以下行将全局安装ESLint。

$ npm i -g eslint

然后，此行将提示您有关编码首选项的一些问题，以便您可以使用自己的规则集。

$ eslint --init

谢谢阅读！ 请分享并推荐给其他感兴趣的读者！

查看我的投资组合 http://mohammedchisti.com

From: https://hackernoon.com/what-is-eslint-how-do-i-set-it-up-on-atom-70f270f57296