Vue中ESlint配置的问题

前言

由于一直是写后台的，对于前端的一些常见插件配置，比较懵逼。ESlint是被广泛用作语法\格式检测的插件，虽然，用着很不习惯。
note：ESlint的配置文件，项目根目录下的.eslintrc.js。

关闭ESlint检测

extends: [
   ...
   //'@vue/standard',
   ...
 ],

直接注释掉配置文件中的@vue/standard。或者，在vue.confg.js内增加

module.exports = {
    lintOnSave: false
}

全局变量

ESlint对全局变量管的也很严，ESlint提供了注释和配置两种方案。个人感觉注释不仅麻烦而且臃肿，采用注册配置的方案，即，在.eslintrc.js中如下配置:

  globals: {
    "joint": true
  },

JQuery

jquery是前端开发中常用的插件，作为全局变量也很正常，对此，ESlint有些特殊的配置。在eslintrc.js中添加jquery:true就可以了。

  env: {
    ...
    jquery: true
  },

参考文章

Vue项目中关闭eslint的方法
Vue中正确使用jQuery的方法
eslint全局变量报错 xxx is not defined
ESlint全局变量报错