更漂亮和/或 Eslint？

Question

我從事的大多數項目都只是啟動，最多禁用一個讓我煩惱的 linting 規則。 也就是說我對 linting 和 linters 了解不多，除了 eslint 無處不在。

我現在正在處理的一個 Vue 項目（我最初沒有構建）有四個 linting 模塊，我現在想了解它們是否都是必需的，它們是否相互沖突或相互補充。 我收到了很多黃色警告，這些警告沒有用 --fix 標志修復，我想卸載所有東西並安裝一個 linter 來統治它們。

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,
      },
    },
  ],
};

Answer 1

不確定我是否可以直接回答，但是通過eslint-plugin-prettier將eslint與prettier結合起來是非常常見的。 我們將prettier純粹用於代碼格式化規則，例如：

• 單引號和雙引號
• 最大線長
• 分號與否

eslint更常用於查找代碼中的錯誤，否則這些錯誤直到運行時才會被捕獲。 不是eslint中的每條規則都可以通過eslint --fix來修復，但很多都可以。 你的.eslintrc是什么樣的？