npm 包 eslint-config-customstandard 使用教程-JavaScript中文网-JavaScript教程资源分享门户

在前端开发过程中，代码规范是保证项目质量的重要组成部分，而 eslint 是常用的代码规范检查工具。但是 eslint 的配置有时候比较麻烦，使用 eslint-config-customstandard 可以简化这一过程。

安装

要使用 eslint-config-customstandard，需要先安装 eslint:

npm install eslint --save-dev

然后再安装 eslint-config-customstandard：

npm install eslint-config-customstandard --save-dev

在项目的 .eslintrc.js 文件中添加以下代码：

module.exports = {
  "extends": "customstandard"
}

现在，运行 eslint 就会使用 customstandard 的配置了。

例如，在项目的 package.json 中添加以下命令：

{
  "scripts": {
    "lint": "eslint ./src"
  }
}

运行以下命令来检查项目中的代码：

npm run lint

eslint-config-customstandard 的配置继承了 eslint-config-standard 的规则，并添加了更多常见的规则（例如禁用 console.log()）。同时，它还支持使用 less 和 scss。

可以在 .eslintrc.js 文件中对规则进行修改，例如：

module.exports = {
  "extends": "customstandard",
  "rules": {
    "semi": ["error", "never"] // 禁止出现分号
  }
}

以下是简单的示例代码：

function foo () {
  console.log('hello') // 这里会有 eslint 的警告
}

const $input = $('input')
const value = $input.val() // 这里会有 eslint 的警告

$input.text('new value') // 这里会有 eslint 的警告

通过使用 eslint-config-customstandard，可以大幅度简化 eslint 的配置过程，使得我们可以更简单地使用 eslint 来进行代码规范检查，从而提高代码质量。同时，它也可以帮助更好地统一代码规范，提高协作效率。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/60055ea581e8991b448dc0ab