在vscode中使用ESLint规范Vue代码不起效的问题解决方案

946 阅读1分钟

问题

使用vscode的ESLint规范Vue代码时,当书写不符合规范的代码时,代码旁未有标志显示其不符合规范,并且问题输出栏也不显示代码规范问题

解决方案

根据github上vscode-eslint项目的README.md文档,我们需要给eslint设置其工作的路径 github上的文档:vscode-eslint
用中文简要描述下就是配置eslint的工作环境才能正确解析项目的.eslintrc和.eslintignore文件

对于如下的目录格式

需要在项目下的.vscode文件中的settings.json中配置如下路径
重启vscode后就可以看到代码规范的提示了

解决问题的心路历程

由于之前写的代码不规范,代码缩进换行空格随自己的意思进行格式,导致代码可读性不是很好,所以想通过配置eslint+prettier来规范和格式化代码,谁知道按照网上的教程配置下来后出现了上述问题,一开始根本不知道哪里出了问题,就各种百度谷歌查询相关问题,奈何一直没有找到结果,后来在vscode的eslint日志输出中发现了报错的信息,随后通过stackoverflow上的解答找到了官方文档github上的vscode-eslint项目的找寻到了此答案,所以对于问题我们要找到其出现的地方,然后通过正确的查询工具,以及翻阅官方文档来解决问题。当然如果问题实在找寻不到答案,也可以缓一缓找寻别人帮助,不要自己就想着弄它而花费大量时间