VScode 使用ESlint踩坑

坑1：状态栏根本无 ESlint

解决办法：点击扩展里面的ESlint ，选择启用即可。注意的是如果开启了状态栏还是没有ESlint就重新开启项目

坑2： 状态栏 ESlint 呈禁用或者报错状态

描述问题：状态栏显示是禁用或报错状态，并且不提示代码格式问题
寻找原因：发现打开一个没有开启ESlint的项目的时候，会弹出一个弹框。

• 如果项目有node_modules：弹出第一种弹框，提示此次会话是否使用 ‘node_modules/elsint’
• 如果项目无node_modules：弹出第二种弹框，提示此次会话是否使用全局安装的Eslint。

分析原因:
  状态栏有 ESlint 说明VScode 扩展里面的ESlint 已经开启了，造成ESlint 禁用可能是因为没有选择弹框的‘Allow’，而是其他选项。造成ESlint 报错因为虽然选择了弹框1的'Allow'但是项目中的 node_modules 的 ESlint 相关的依赖有问题。

弹框1

弹框2

解决办法：无论是哪种弹框都选择‘Allow’，如果是第一种弹框就一定要保证 node_modules 里面有eslint 相关的依赖(如果没有状态栏 ESlint 就会呈报错状态)，如果要重装 Eslint 建议删除node_modules 后再重新安装所有依赖再重新打开项目。

禁用Eslint

方法：点击插件里面的ESlint ，选择禁用即可。注意的是如果禁用了要重新开启项目才管用

禁用后效果：状态栏无 ESlint ，且重新打开项目不会有使用ESlint 的弹框提示，也不会有代码格式问题提示了。