赞
踩
最近在学黑马的vue课程,在写vue3项目时要求配置ESLint并实现保存自动纠错。在黑马的课程资料中拿到了和上课老师一模一样的配置。于是我按照他教的创建项目选择校验规则,下载ESLint插件(此时我默认下载最新版本)但是在下载好插件跟着完成配置进行检测测试的时候却怎么都不行。在网上查了很久没有一个是有效的,本来配置这种东西就看不太懂。回到VSCode点开插件查看状态,发现明明开启了插件,但是状态显示【尚未激活】,所以这是导致不检测的原因。接下来我又在网上查看到了一条命令【npm run lint】,(说明:【lint】在创建项目的时候开启了eslint检测的话就会在package.json文件中的scripts配置项中出现一个【lint】项,我不知道是什么,从网上来看貌似是个自动检测修复的脚本)而这条命令可以直接运行这个【lint】脚本,于是我在故意写了不规范代码后(未出现错误提示)并保持,在命令行输入【npm run lint】后发现程序按照我配置的规则帮我修改了我的不规范代码。由此我发现,我貌似只是eslint没有激活,只要激活那么他就可以在保存时自动执行这个脚本帮助我完成修改。所以功能没问题,问题在于为什么ESLint插件没有激活。于是我认为是配置问题导致的(也许是要配置才能激活,也许是要配置才能让他检测文件)我不太清楚。进而我想到了这个课程是半年前的,加上录制时间等等,老师用的插件版本可能要比我的最新版早不少,如果在版本更新的时候某些配置项名字或配置方式发生变化可能就会导致我按照旧版本的配置在新版本的插件上并无效果。于是我将版本降到老师讲课的版本:从2.4.4降到了2.4.0,整整差了一年左右。然后惊奇的发现错误可以实时检测了,并且保存时会按照规则自动修改你的错误。成功完成了配置。
怎么说呢,上面基本上都是在猜,真正原因我不知道。但是事实确实是成功了。因为我在网上找了一天的答案都无法解决,所以我还是将我的方法发出来,希望帮到别人(我这波搞得快崩溃了都)。因为懒所以不配图了。就当随堂笔记了。
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。