什么是 eslint-config-standard？
eslint-config-standard 是一个可重用的 ESLint 配置包，它基于 JavaScript 标准样式指南 来提供一组规则（rules）和推荐配置，帮助开发者编写遵循 JavaScript 最佳实践的代码。
如何使用 eslint-config-standard？
安装
首先，你需要在本地项目中安装 eslint 和 eslint-config-standard。运行以下命令：
npm i eslint eslint-config-standard --save-dev
配置
接下来，在你的项目根目录下创建一个 .eslintrc.json 文件，并添加以下内容：
{
"extends": ["standard"]
}这个配置告诉 ESLint 去继承标准配置。
如果你想更加详细地了解如何进行配置，可以查看 ESLint 官方文档。
检查代码
现在，你已经成功地将 eslint-config-standard 应用到你的项目中了。你可以通过运行以下命令来检查你的代码：
npx eslint your-file.js
如果你想检查整个项目，可以使用：
npx eslint .
自定义配置
除了上面提到的简单配置之外，eslint-config-standard 还有许多其他的配置选项。你可以在 .eslintrc.json 文件中添加一些自定义配置来满足你的需求。
例如，如果你不想要某个规则，你可以将其设置为 "off"：
{
"extends": ["standard"],
"rules": {
"no-console": "off"
}
}集成到编辑器
最后，为了方便起见，你可以将 ESLint 集成到你使用的代码编辑器中。这样，在你编写代码的时候就能够实时检查语法和风格错误了。
以下是一些常见的编辑器和如何进行集成：
Visual Studio Code
- 安装 ESLint 插件。
- 在 VSCode 的用户设置（settings.json）中添加以下内容：
"eslint.enable": true,
"editor.formatOnSave": true,
"[javascript]": {
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true,
}
},Sublime Text
- 安装 SublimeLinter 插件。
- 安装 SublimeLinter-eslint 插件。
- 配置
SublimeLinter和SublimeLinter-eslint，具体请参考官方文档。
总结
通过 eslint-config-standard，我们可以更加轻松地遵循 JavaScript 最佳实践来编写高质量的代码。在我们的工作流程中集成 ESLint，能够更早地发现错误和风格问题，提高我们的开发效率和代码质量。
示例代码：
let foo = 'bar' console.log(foo)
运行 npx eslint your-file.js 后，你会看到以下输出：
your-file.js 1:5 error Unexpected var, use let or const instead no-var 2:1 error Missing semicolon semi ✖ 2 problems (2 errors, 0 warnings)
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/49542