我从事的大多数项目只是启动,最多禁用一个让我感到烦恼的 linting 规则。也就是说,除了 eslint 无处不在之外,我对 linting 和 linters 知之甚少。
我现在正在做的一个 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,
},
},
],
};
不确定我是否可以给出直接答案,但eslint
与prettier
via结合使用是非常常见的eslint-plugin-prettier
。我们prettier
纯粹用于代码格式化规则,例如:
eslint
更常用于查找代码中的错误,否则直到运行时才会发现这些错误。并非所有规则都eslint
可以通过 修复eslint --fix
,但很多都可以。你.eslintrc
看起来像什么?
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句