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 的弹框提示,也不会有代码格式问题提示了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。