@houheaven/eslint-config-prettier

为 Eslint 添加 Prettier 功能

安装

npm install --dev @houheaven/eslint-config-prettier

请确保你已经安装了 eslint 、prettier

用法

在 Eslint 配置文件中的 "extends" 数组里添加 "@houheaven/eslint-config-prettier"， 一定要放在数组的最后，这样才能覆盖掉其他的配置。

// .eslintrc.js

module.exports = {
  extends: [
    // ... 其他配置
    "@houheaven/eslint-config-prettier"
  ]
}

修改 Prettier 格式化规则

Prettier 格式化规则详见官网：https://prettier.io/

方式一：创建 prettier 配置文件

// .prettierrc.js

module.exports = {
  useTabs: true,
  singleQuote: true,
  // ... 其他配置
};

方式二：修改 rules

在 Eslint 配置文件中的 "rules" 里添加 prettier 规则。

// .eslintrc.js

module.exports = {
  rules: {
    "prettier/prettier": [
      "error", {
        useTabs: true,
        singleQuote: true,
      }
    ]
  }
};

更多

功能依赖：

• eslint-plugin-prettier
• eslint-config-prettier