如何集成ESLint和Prettier？

Question

如何集成ESLint和Prettier？

eslintprettier

4

我在同时使用ESLint和Prettier时遇到了问题。请问需要哪些步骤才能让它们一起工作呢？

- Yangshun Tay

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Yangshun Tay · Accepted Answer

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",
    ...
  }, 
}

5) 现在您可以同时对代码进行 lint 和 prettify，请执行以下操作：

$ npm run check-all

或者分别调用它们：

$ npm run lint
$ npm run prettier