eslint基础使用

eslint基础使用

创建一个eslint项目
npm init -y 初始化
npm init @eslint/config 下载包并新增配置

这样在文件目录下就有eslintrc.js文件

eslint官网
自动修正使用–fix的几种方式 查看官网可以看到哪些错误是可以自动修正的

如果在根目录下有多个eslint配置文件，那么他们的优先顺序

配置规则

• "off"或 0 - 关闭规则
• "warn"或1 -启用并视作警告（不影响退出）
• "error"或2 -启用并视作错误（触发时退出代码为1）

第一种方式可以在js文件中直接采用注释的方式，这种方式只在当前文件生效（不常用）
"eqeqeq"全等于
“curly”:大括号简写

/* eslint-disable -- 全部禁用 */  
/* eslint-disable eqeqeq -- 指定禁用 */  
...
/* eslint-enable -- 开启 */
//eslint-disable-next-line -- 禁用下一行
//eslint-disable-line -- 禁用当前行

第二种配置文件里面配置
如果在配置文件里面报错，直接用修复vscode自动修复就好了如果没有
// eslint-disable-next-line no-undef 加上这行代码//也要加上

最后在rules配置规则

// eslint-disable-next-line no-undef
module.exports = {
    "env": {
        "browser": true,
        "es2021": true
    },
    "extends": [
        "eslint:recommended",
        "plugin:vue/vue3-essential"
    ],
    "overrides": [
    ],
    "parserOptions": {
        "ecmaVersion": "latest",
        "sourceType": "module"
    },
    "plugins": [
        "vue"
    ],
    "rules": {
        eqeqeq: 2,//全等于
        curly: 1,//大括号省写
        quotes:["error","single"],//单双引号互用
        "no-unused-vars": 'off',//可以定义不适用
    }
}

设置单独文件包含校验