Vetur 是 Visual Studio Code 编辑器里的一个Vue 开发工具插件。在我们之前聊的一大堆构建工具(Webpack、Vite)和语言标准(ESM)里,它属于"编辑器辅助"这个环节。
它的主要作用,就是让 VS Code 能"读懂".vue 文件,并提供一系列方便的开发功能-1-2-6:
在 Vue 2 时代,Vetur 几乎是开发 Vue 项目的必备插件-7。不过,随着 Vue 3 的普及,官方已经推荐使用功能更强、专门为 Vue 3 设计的新插件 Volar 了-5-7-12。
需要注意:Vetur 和 Volar 功能有重叠,在同一项目里只能启用其中一个 ,否则可能冲突,一般会建议直接禁用 Vetur-3-7。
简单来说,如果把你的 Vue 项目比作一本书,那 Vetur(或 Volar)就是帮助你更方便地阅读和理解这本书的"阅读器"插件。
如果你用的是 Vue 3 项目,更推荐了解下它的"继任者" Volar。需要我详细讲讲 Volar 相比 Vetur 有哪些升级吗?