在 vue 项目中 eslint 忽略下划线开头的变量名的使用检查

作者: 张志强 , 2023-05-23 , 共 1043 字 , 共阅读 0

在写代码过程中，会定义一些变量但没有用，比如为了保持函数参数原型：

function foo(a, b, _) { // _ not used
    return [b, a];
}

或者更好地缩减代码：

let [x, _] = foo(1, 2, 3); // _ not used

这时候 eslint 就会报错：

error '_' is assigned a value but never used                no-unused-vars

忽略下划线开头的变量检查是大多数 lint 检查的默认设置，但 eslint 不是，需要手工设置。在项目根目录下的./package.json里添加eslintConfig字段：

{
  "name": "my-vue2-app",
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "eslint:recommended"
    ],
    "parserOptions": {
      "parser": "babel-eslint"
    },
    "rules": {
        "no-unused-vars": ["error", { 
            "varsIgnorePattern": "^_", 
            "argsIgnorePattern": "^_" }]
    },
    "globals": {
        "$": true
    }
  }
}