Prettier 和 / 或 Eslint？

Question

Prettier 和 / 或 Eslint？

3

我所参与的大多数项目都是随便开启，最多禁用一条让我烦恼的代码检查规则。也就是说，我对于代码检查和代码检查工具并不了解，除了知道eslint无处不在。

我现在正在处理一个Vue项目（最初不是我构建的），它有四个代码检查模块，我想要弄清楚是否所有这些模块都是必要的，它们是否相互冲突或者互补。我得到了很多黄色警告，而使用--fix标志修复不了这些问题，因此我想要卸载所有模块，只安装一个能够统治它们的代码检查工具。

该项目的package.json文件中包含以下内容：

{
  "eslint": "^7.3.1",
  "eslint-plugin-prettier": "^3.1.1",
  "eslint-plugin-vue": "^6.2.2",
  "lint-staged": "^10.2.7"
}

你的想法？

我的eslintrc.js

module.exports = {
  root: true,
  env: {
    node: true,
  },
  extends: ["plugin:vue/essential", "@vue/prettier"],
  rules: {
    "no-console": process.env.NODE_ENV === "production" ? "off" : "off",
    "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off",
    "max-len": [0, 0, 0],
    singleQuote: 0,
    trailingComma: 0,
    "no-unused-vars": 0,
    "vue/no-unused-components": 0,
  },
  parserOptions: {
    parser: "babel-eslint",
  },
  overrides: [
    {
      files: ["**/__tests__/*.{j,t}s?(x)", "**/tests/unit/**/*.spec.{j,t}s?(x)"],
      env: {
        jest: true,
      },
    },
  ],
};

- Kirk Ross

1个回答

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

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

- Justin Beckwith · Accepted Answer

我不确定是否可以直接回答，但是通过使用 eslint-plugin-prettier，将 eslint 与 prettier 结合起来是非常常见的。我们仅使用 prettier 来进行代码格式化规则的设置，例如：

单引号和双引号
最大行长度
使用分号或不使用分号

eslint 更常用于查找代码中在运行时无法捕获的错误。并非每个 eslint 规则都可以通过 eslint --fix 进行修复，但许多规则可以。你的 .eslintrc 是什么样子的？