《VUE》VSCode编写vue项目文件出现红色波浪线

之前创建项目的时候,把eslint语法检查给装上了,在用vscode编写代码的时候,稍微打个空格,编辑器就出现红色波浪线提示语法错误,这就真的有点恶心了,在网上也找了很多方法,都没有解决到根本问题,索性就自己去设置,试了半天,总算是弄好了,现在分享给大家

 

红色波浪线出现的地方有两处,一处是js文件(包括script标签内),一处是组件模板

 

《VUE》VSCode编写vue项目文件出现红色波浪线_第1张图片

 

js文件中,在网上看到有很多人说用 "vetur.validation.template": false  ,我在这里说一下,这个方法不行的,这条设置处理组件模板有用,但是处理js文件是没有任何作用的,现在告诉大家解决方法

 

《VUE》VSCode编写vue项目文件出现红色波浪线_第2张图片

它上面注释的意思是:控制是否为JavaScript文件启用eslint

只要改成false就是把js文件中的eslint语法提示彻底关闭

也可以直接搜索  eslint.enable

 

第二处波浪线出现的地方就是组件模板了,比如v-for循环上面

《VUE》VSCode编写vue项目文件出现红色波浪线_第3张图片

解决方法:

第一种:就是上面说到的,也是在用户设置文件中找到  vetur.validation.template  ,把它的值改成false就可以,注意:这里修改了设置需要重新启动编辑器;

第二种:如果波浪线出现在v-for上面,那么就有第二种解决方法,就是在v-for  后面写上key值,也可以解决,缺点就是多写代码,每个for循环都需要加key值

《VUE》VSCode编写vue项目文件出现红色波浪线_第4张图片

 

 设置文件打开方式:

 编辑器左上角   文件 > 首选项 > 设置

 

转载于:https://www.cnblogs.com/chensv/p/11430066.html

你可能感兴趣的:(《VUE》VSCode编写vue项目文件出现红色波浪线)