vue3项目中代码出现红色波浪线的问题及解决

vue3项目代码出现红色波浪线

最近换电脑改成了vue3,导致代码规则有些地方和之前不一样。

因为是导入的jeecg项目,打开了eslint,所以有很多地方代码的写法不一样,之前是在vue.config.js文件中,加上lintOnSave: false就可以避免报错。现在设置了false,代码不规范的地方还是会有红色波浪线。

可以打开文件-首选项-设置,搜索eslint

vue3项目中代码出现红色波浪线的问题及解决_第1张图片

vue3项目中代码出现红色波浪线的问题及解决_第2张图片

然后把两个打勾的地方取消就可以了。

vue3项目中代码出现红色波浪线的问题及解决_第3张图片

vue3项目中代码出现红色波浪线的问题及解决_第4张图片

vue3没有语法错误但一直有红色波浪线报错,以及解决eslint黄色警告

1.打开vscode的 文件-->首选项-->设置

vue3项目中代码出现红色波浪线的问题及解决_第5张图片

 2.搜索eslint

3.将这三个勾去掉即可

vue3项目中代码出现红色波浪线的问题及解决_第6张图片

4.如果还出现eslint报错,运行 npm run lint --fix 即可

vue3项目中代码出现红色波浪线的问题及解决_第7张图片

5.如果还未解决依然有eslint报错

5.1扩展里搜索eslint找到这个插件并禁用,然后启用的旁边会有一个重新加载的按钮(如图)点击后会重启vscode即可

vue3项目中代码出现红色波浪线的问题及解决_第8张图片

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

你可能感兴趣的:(vue3项目中代码出现红色波浪线的问题及解决)