最近在工作中使用到vue和ts,新搭建的项目,看了网上许多eslint相关的配置,一股脑东拼西凑整到一起,还是有很多warn信息,以及各种问题,搞得人头皮发麻。于是好好地了解学习了下eslint,下面是自己摸索实验得到的一份配置信息,试了下没啥问题了,暂时先用着,之后再补充。
.eslintrc.js
module.exports = {
root: true,
env: {
node: true,
},
extends: [
"plugin:vue/essential",
"eslint:recommended",
"@vue/typescript/recommended",
"@vue/prettier",
"@vue/prettier/@typescript-eslint", //注意顺序
],
parserOptions: {
ecmaVersion: 2020,
},
rules: {
"no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
"no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
"prettier/prettier": "off", //关闭prettier的提示
},
};
.prettierrc.js
module.exports = {
printWidth: 140,// 超过最大值换行
tabWidth: 4, // tab键宽度,默认为4
useTabs: true,// 使用tab(制表符)缩进而非空格
singleQuote: true,// 用单引号代替双引号
semi: true,// 行末是否加分号
trailingComma: 'none',// 最后一个对象元素加逗号
bracketSpacing: true,// 对象,数组加空格
jsxBracketSameLine: true, // jsx > 是否另起一行
};