更漂亮和/或Eslint?

时间:2020-06-29 00:39:46

标签: javascript eslint prettier

我从事的大多数项目只是启动并最多禁用使我烦恼的掉毛规则。那就是说我对棉绒和短绒的了解不多,除了到处都是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,
      },
    },
  ],
};

1 个答案:

答案 0 :(得分:1)

不确定是否可以给出直接答案,但是通过eslintprettiereslint-plugin-prettier结合在一起是非常普遍的。我们仅将prettier用于代码格式化规则,例如:

  • 单引号与双引号
  • 最大行长
  • 是否使用分号

eslint更常用于在代码中查找错误,否则在运行时才会发现错误。并非eslint中的每个规则都可以通过eslint --fix进行固定,但是可以固定。您的.eslintrc是什么样的?