1.eslintrc配置
在根目录下添加.eslintrc.js文件(注意:前面有个点)
内容如下
/**
* Eslint 检查规则(A)
* "off" 或者 0 -- 关闭规则
* "warn" 或者 1 -- 将规则打开为警告(不影响退出代码)
* "error" 或者 2 -- 将规则打开为错误(触发时退出代码为 1)
*/
module.exports = {
root: true, // 禁用持续查找(root)
env: {
browser: true, // 启用浏览器全局变量。
node: true, // Node.js全局变量和Node.js范围。
es6: true // 启用ES6的功能。
},
parserOptions: {
parser: 'babel-eslint', // 解析器(parser)
ecmaVersion: 2020, // ECMA版本
sourceType: 'module' // 指定源代码存在的位置,script | module,默认为script
},
// eslint:recommended:表示引入eslint的核心功能,并且报告一些常见的共同错误。
extends: ['eslint:recommended', 'plugin:vue/vue3-recommended'],
rules: {
'vue/html-self-closing': 0,
// 设置每行最大属性数
'vue/max-attributes-per-line': [
2,
{
singleline: 10, // 标签为单行时,每行最大属性数值为 10,默认值为 1
multiline: {
max: 1, // 标签为多行时,每行最大属性数字为 1,默认值为 1
allowFirstLine: false // 不允许属性与该标记名称位于同一行,默认值为 false
}
}
],
'vue/no-multiple-template-root': 'off',
// 禁用单行标签内容需换行的校验
'vue/singleline-html-element-content-newline': 'off',
// 禁用多行标签内容需换行的校验
'vue/multiline-html-element-content-newline': 'off',
// 组件 name 属性值必须使用帕斯卡命名法(单词首字母大写)
'vue/name-property-casing': ['error', 'PascalCase'],
// 禁用禁止使用 v-html 的校验
'vue/no-v-html': 'off',
// 对象必须使用 getter / setter 对,即:每个已定义 setter 的属性都需有一个 getter
'accessor-pairs': 2,
// 箭头函数 => 前后必须有空格
'arrow-spacing': [
2,
{
before: true,
after: true
}
],
// 单行代码块花括号打开块之后和关闭块之前,至少一个空格
// 'block-spacing': [2, 'always'],
// 强制执行标准大括号风格样式(关键字要与花括号保持在同一行)
'brace-style': [
2,
'1tbs',
{
allowSingleLine: true // 允许同一行上打开和关闭括号
}
],
// 关闭驼峰命名规则校验(变量命名时,名称之间不允许下划线,常量(全部大写)除外)
camelcase: [
0,
{
properties: 'always' // 属性名称强制执行驼峰命名法样式
}
],
// 在对象或数组中不允许尾随逗号
// 数组和对象键值对最后一个逗号, never参数:不能带末尾的逗号, always参数:必须带末尾的逗号
// always-multiline:多行模式必须带逗号,单行模式不能带逗号
// only-multiline:都行
'comma-dangle': [2, 'never'],
// 变量声明,数组文字,对象文字,函数参数和