vue3语法糖setup中使用vscode打开,满屏红线报错,‘xxx‘ is declared but its value is never read. Vetur(6133),解决方法

问题描述

在下载了源码后使用Visual Studio Code打开后,满屏的红色波浪写错误,如图所示:
vue3语法糖setup中使用vscode打开,满屏红线报错,‘xxx‘ is declared but its value is never read. Vetur(6133),解决方法_第1张图片
鼠标移上去发现是vetur的报错,翻译这句报错,提示的是组件引入了但是没有使用,所以是可以正常运行的,就是看着有点恶心。

解决办法

运行没有问题,其实就是vetur这个插件不支持vue3的setup语法糖的写法格式了,你只需要停掉现有的vetur,再去下载新的插件TypeScript Vue Plugin (Volar)就可以了,方法如下:

1.停掉vetur

点击禁用或者卸载都可以;
vue3语法糖setup中使用vscode打开,满屏红线报错,‘xxx‘ is declared but its value is never read. Vetur(6133),解决方法_第2张图片

2.安装新的插件Volar

vue3语法糖setup中使用vscode打开,满屏红线报错,‘xxx‘ is declared but its value is never read. Vetur(6133),解决方法_第3张图片
vue3语法糖setup中使用vscode打开,满屏红线报错,‘xxx‘ is declared but its value is never read. Vetur(6133),解决方法_第4张图片
有两个,分别是Vue Language Features和TypeScript Vue Plugin,第一个是支持vue3的标准语法的,第二个是针对ts的,都安装一下就可以了。

3.关掉vscode,重启后红色波浪线将会消失

关掉vetur和新安装这两款插件后,一定要重启一下软件,再打开就会发现错误消失了,你可以开开心心的去开发了。
vue3语法糖setup中使用vscode打开,满屏红线报错,‘xxx‘ is declared but its value is never read. Vetur(6133),解决方法_第5张图片

你可能感兴趣的:(Vue,vscode,vue.js,javascript,前端框架)