简介
eslint-config-standard 是一个基于ESLint的JavaScript代码风格规范，它提供了一套固定的规则集合。这个规则集合是建立在 standard.js 之上，它是一个比较常用的代码风格标准，在开源项目中很常见。
安装
首先，我们需要在项目中安装 eslint 和 eslint-config-standard 依赖：
npm install --save-dev eslint eslint-config-standard
如果你的项目还没有安装 ESLint，那也可以使用以下命令来安装：
npm install --save-dev eslint
配置
在项目根目录下创建名为 .eslintrc.json 的文件，并添加以下内容：
{
"extends": "standard"
}当然，你也可以添加其他配置选项。例如，要排除某些文件或文件夹不受 eslint 检查，可以将以下内容添加到 .eslintrc.json 文件中：
{
"extends": "standard",
"ignorePatterns": ["node_modules/", "build/"]
}使用
完成以上配置后，在终端中输入以下命令即可运行 eslint：
npx eslint .
这会将当前目录及其所有子目录中的 JavaScript 文件都检查一遍。如果你只想检查某个文件或者某个目录，可以将它们的路径作为参数传递给 eslint 命令，例如：
npx eslint ./src/index.js
集成到项目中
在实际项目开发中，我们通常需要将 eslint 集成到编辑器或者自动化构建工具中。这里以 VS Code 编辑器为例。
在 VS Code 中集成 eslint
首先，在 VS Code 中安装 ESLint 扩展程序。
然后，在 VS Code 的设置中搜索 eslint.enable 选项，并将其设为 true。
接下来，可以在项目根目录中创建 .vscode/settings.json 文件，并添加以下内容：
{
"editor.formatOnSave": true,
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
}
}这会在保存文件时自动格式化代码并修复其中的语法错误。
在自动化构建工具中集成 eslint
对于自动化构建工具，我们通常使用类似于 gulp、webpack 或者 rollup 等打包工具。以 gulp 为例，可以使用以下插件来集成 eslint 检查：
首先，安装以上两个依赖：
npm install --save-dev gulp-eslint gulp-eslint-stylish
然后，在 gulpfile.js 文件中添加以下代码：
-- -------------------- ---- -------
----- ---- - ---------------
----- ------ - ----------------------
----- ------- - ------------------------------
----------------- -- -- -
------ -------------------- --------------------
---------------
-----------------------------
------------------------------
--这会在运行 gulp lint 命令时对项目中所有 .js 文件进行检查，并将检查结果以漂亮的样式展示在终端中。
总结
eslint-config-standard 是一个非常流行的 JavaScript 代码风格规范，它提供了一套固定的规则集合。通过安装和使用该依赖，我们可以在开发过程中自动化地保证代码风格的一致性，从而提高代码质量和开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/47168