saber酱的抱枕

哀哉京阿尼

07/21
17:09
软件

ESlint 使用 Standard 代码风格

今天我想让 Eslint 使用 Standard 代码风格来检查 JavaScript 代码,又折腾了许久。

其实弄明白了就简单了,安装这些依赖的 npm 包:

npm install -g standard eslint eslint-config-standard eslint-plugin-standard eslint-plugin-promise eslint-plugin-import eslint-plugin-node

如果不想全局安装,你也可以把 -g 改为 -D 进行本地安装。

安装完之后,在 .eslintrc 配置文件的 extend 规则里添加 standard,如:

{
  "extends": ["standard"]
}

重启项目,如果 ESlint 没有报错信息,应该就可以使用 Standard 规则检查代码了。

参考链接:
JavaScript Standard Style

eslint-config-standard

另外,可以安装 prettier 扩展,并进行一些相关配置,这样,使用它格式化代码时的配置与 standard 风格相符:

"editor.tabSize": 2,
"prettier.semi": false,
"prettier.jsxSingleQuote": true,
"prettier.singleQuote": true,
"prettier.trailingComma": "none",
"prettier.eslintIntegration": true,
"prettier.endOfLine": "lf",
"prettier.tslintIntegration": true
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
"eslint.autoFixOnSave": true,

ESlint 使用 Standard 代码风格