问题
使用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项目的找寻到了此答案,所以对于问题我们要找到其出现的地方,然后通过正确的查询工具,以及翻阅官方文档来解决问题。当然如果问题实在找寻不到答案,也可以缓一缓找寻别人帮助,不要自己就想着弄它而花费大量时间