代码之家 › 专栏 › 技术社区 › Yangshun Tay

如何将ESLint与Prettier集成?

prettier eslint

4

Yangshun Tay · 技术社区 · 7 年前

我很难同时使用ESLint和Prettier。让他们合作需要哪些步骤?

1 回复 | 直到 7 年前

1

4

Yangshun Tay 7 年前

1) 安装ESLint和Prettier。

$ npm install --save-dev eslint prettier

2) 安装插件和配置,使它们能够协同工作。

$ npm install --save-dev eslint-plugin-prettier eslint-config-prettier

3) 将以下内容添加到ESLint配置文件中:

{
  "plugins": [
    "prettier"
  ],
  "extends": [
    "prettier"
  ],
  "rules": {
    "prettier/prettier": "error"
  }
}

4) 添加 lint 和 prettier 命令作为npm脚本 package.json :

{
  ...
  "scripts": {
    ...
    "lint": "eslint 'src/**/*.js'",
    "prettier": "prettier --write 'src/**/*.js'",
    "check-all": "npm run prettier && npm run lint",
    ...
  }, 
}

$ npm run check-all

或者单独调用它们:

$ npm run lint
$ npm run prettier