Eslint 忽略部分提示

一、忽略JS中某一行错误提示

在行末添加一下注释,其中 “错误类型” 为 eslint 提示的报错类型

// eslint-disable-line [错误类型]

如图(printJS 定义的是全局的,引入时是通过 import 'print-js' 来引入,所以使用时 eslint 检测为未定义)

解决:

printJS(this.cImg, 'image') // eslint-disable-line no-undef

二、忽略某些不常规的闭合标签报错

在使用 iview 的 <Col></Col> 组件时会在 </Col> 提示错误,此时可以通过设置eslint配置文件(.eslintrc.js)的rules选项来解决

//...
rules:{
'vue/no-parsing-error': [2, { 
        "x-invalid-end-tag": false
}
}
//...

如果用的是 VSCode 编辑器可能还要设置 settings.json 才能生效

//settings.json
"vetur.validation.template": false

三、忽略 template 中的三元运算符使用小于号(<)时报错

解决:在 eslint 配置文件中设置 "invalid-first-character-of-tag-name": false

 rules: {
      'vue/no-parsing-error': [2, { 
        "x-invalid-end-tag": false,
        "invalid-first-character-of-tag-name": false
     }]
    }

相关讨论:https://github.com/vuejs/eslint-plugin-vue/issues/370

四、修改配置文件忽略关键字

在遇到全局需要使用的 “ 未定义 ”变量(如微信小程序的 wx )时,使用 // eslint-disable-line no-undef  显然不合理,所以我们应该在全局配置入手,可以在配置文件中的gobal下进行全局忽略变量

// ...
rules: {
    'vue/no-parsing-error': [2, {
      "x-invalid-end-tag": false,
      "invalid-first-character-of-tag-name": false
    }]
  },
  globals: {
    wx: null
  }
// ...

五、忽略整个文件

在文件内第一行添加 /* eslint-disable no-undef */ 注释,需要注意的是,文件后缀为 .vue 等文件,需要加在 script 标签后方才生效。

posted @ 2018-09-18 14:15  _fn  阅读(15770)  评论(0编辑  收藏  举报