vetur是什么

Vetur 是 Visual Studio Code 编辑器里的一个Vue 开发工具插件。在我们之前聊的一大堆构建工具(Webpack、Vite)和语言标准(ESM)里,它属于"编辑器辅助"这个环节。

它的主要作用,就是让 VS Code 能"读懂".vue 文件,并提供一系列方便的开发功能-1-2-6

  • 语法高亮 :让 .vue 文件里的 HTML、CSS、JavaScript 等不同代码块显示不同的颜色,便于阅读-4-8-11

  • 代码补全与智能提示 :输入时提供组件名、属性等自动补全建议-1-2

  • 错误检查与格式化 :能帮你检查代码里的语法错误,并可以自动格式化代码,让排版更整洁-4-9-11

  • 代码片段 :通过输入简写快速生成 Vue 相关的代码模板-4

在 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 有哪些升级吗?

相关推荐
lifallen2 小时前
edit-article:AI 味来自跳级
人工智能·学习·ai·ai编程·ai写作
xian_wwq2 小时前
【学习笔记】工具设计,Agent 的手比大脑更容易出问题-8/16
笔记·学习·agent
晴天162 小时前
Agent 全栈学习笔记 1-Day14
数据库·笔记·学习
AI的探索之旅3 小时前
AI + LLM Wiki 高效学习 OpenCV:我的 8 步闭环方法论
人工智能·opencv·学习
weixin_431600443 小时前
前端对接 SSE 的两种常见方式
前端·后端·学习·ai·sse·nest.js
圆奋奋17 小时前
FreeRTOS学习(三)- 任务调度模块
学习·开源·freertos
吃着火锅x唱着歌17 小时前
Effective C++ 学习笔记 条款40 明智而审慎地使用多重继承
c++·笔记·学习
xian_wwq18 小时前
【学习笔记】Prompt Engineering 没死,只是它不再够用了-2/16
笔记·学习·prompt
天吾cc19 小时前
RTT-ADC
单片机·嵌入式硬件·学习