什么是 @nodertc/eslint-config
@nodertc/eslint-config 是一个基于 ESLint 的前端开发规范配置包。该包包含了一系列有关前端开发规范的规则和配置，使得开发者可以使用它来规范自己的代码风格和规范。
安装 @nodertc/eslint-config
使用 npm 命令进行安装：
npm install --save-dev @nodertc/eslint-config
使用 @nodertc/eslint-config
对于新建项目，可以在项目根目录下添加一个 .eslintrc.json 文件并将配置项加入其中：
{
"extends": "@nodertc/eslint-config"
}对于已有项目，可以使用 npx 命令进行一次性配置：
npx install-peerdeps --dev @nodertc/eslint-config
之后也需要在项目根目录下添加 .eslintrc.json 配置文件。
配置规则
@nodertc/eslint-config 提供了一些前端开发规范相关的配置规则，更多详细内容可以在 GitHub 上查看。这里列出一些比较常用的规则和配置项。
空格缩进
使用 2 个空格进行缩进，在 .eslintrc.json 中加入以下配置：
{
"rules": {
"indent": ["error", 2]
}
}字符串引号
使用单引号作为字符串引号，在 .eslintrc.json 中加入以下配置：
{
"rules": {
"quotes": ["error", "single"]
}
}分号
强制使用分号，避免代码在不同环境下解析不同，在 .eslintrc.json 中加入以下配置：
{
"rules": {
"semi": ["error", "always"]
}
}箭头函数
使用箭头函数替代传统的函数声明，可提高代码可读性，在 .eslintrc.json 中加入以下配置：
{
"rules": {
"prefer-arrow-callback": ["error"]
}
}对象字面量和数组的末尾
在对象字面量和数组的末尾加入逗号，便于后续修改，也可以避免某些环境下的错误，在 .eslintrc.json 中加入以下配置：
{
"rules": {
"comma-dangle": ["error", "always-multiline"]
}
}示例代码
-- -------------------- ---- ------- ----- - - -- ----- - - -- ----- - - -- ----- - - -- - - - -- - -- ----- --- - ----- -- - ------ --- - -- -- ----- --- - - -- -- -- -- -- -- -- ----- --- - --- -- -- -- --- --------------------- ------------------- --------------------
总结
@nodertc/eslint-config 提供了丰富的前端开发规范配置规则和配置项，可以使用该包来规范自己的代码风格和规范，提高代码可读性和项目可维护性。在项目中正确使用该包配置规则，可以大大减少代码错误和项目迭代周期。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/nodertc-eslint-config