记录一下vue3+vite中遇到的问题

最新推荐文章于 2024-08-04 03:21:26 发布

qq_35332639

最新推荐文章于 2024-08-04 03:21:26 发布

阅读量914

点赞数 1

文章标签： vue.js 前端 javascript

原文链接：https://blog.csdn.net/fengjingyu168/article/details/121564493

版权

本文介绍了在使用Vue3时遇到Vetur插件产生的代码提示问题，以及如何通过切换到官方推荐的Volar插件来解决这些问题。作者详细描述了错误信息，解释了Vetur和Volar的关系，并指导读者如何卸载Vetur，安装Volar，最终实现代码环境的优化。

摘要由CSDN通过智能技术生成

转自他人，文末有链接，仅此保存备忘

使用Vue3测试时有如下代码：

1 2 3 4 5 6 7 简单的代码附件了一些看着不爽的提示，虽然不影响正常运行：

具体的错误信息如下：

import HelloWorld from ‘./components/HelloWorld.vue’

import HelloWorld import HelloWorld 'HelloWorld' is declared but its value is never read.Vetur(6133) Module '"/Volumes/Work/Vue3/x-ui/src/components/HelloWorld.vue"' has no default export.Vetur(1192)

1
2
3
4
5
6
7
8
9
10
从错误提示可以看到关键字Vetur，来看下这是何方神圣：

官网醒目的位置：

Vue tooling for VS Code.

vetur是一个vscode插件，用于为.vue单文件组件提供代码高亮以及语法支持

再继续翻，找到了个issue：issue 其中有下面这段话：

If you take a look at how Evan recently responded about the recommended approach going forward, it seems that volar is currently the extension of choice for vue 3.

那既然官方推荐 volar那肯定要去看下，简单的说volar是vetur的升级版本，提供了更牛叉的功能并有更好的TS支持。

于是……

选择卸载vetur，安装volar插件

于是……，世界都清爽了好多

最后，记得重启下VS Code
————————————————
版权声明：本文为CSDN博主「pobu168」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/fengjingyu168/article/details/121564493