技术资讯:Volar正式更名为Vue-Official

大家好,我是大澈!

本文约700+字,整篇阅读大约需要1分钟。

关注微信公众号:"程序员大澈",免费加入问答群,一起交流技术难题与未来!

现在关注公众号,免费送你 "前后端入行大礼包" ,包含了:前后端面试题、面试技巧、简历模版、前后端学习路线图、前后端全技术栈学习笔记。

1. 资讯速览

因为个人开发使用 IDEA 比较多,而 VSCode 相对用的少点了。

但就在前两天,我打开 VSCode 后,系统给我弹出来这么一个消息。

关闭消息之后,紧接着又给我自动打开一个叫 Vue-Official 的插件主页。当时我看到还有点懵,想着这是个啥玩意,我也没记得自己安装过呀。

于是,我打开所有插件一瞧,才发现我们Vue3旧语言工具 Volar 退了,一个更加强大的Volar升级版,Vue-Official 来了!

Volar 正式升级更名为 Vue-Official !

2. 资讯详细

不多说废话,先简单列一下我们用得到的 Vue-Official 新特性,最后做小结。

2.1 Vue-Official新特性

支持通过鼠标拖拽来导入组件,告别手动引入!

操作步骤:按住鼠标左键,把组件拖拽到想要引入的地方,VSCode 会提示按住 shift 放入编辑器中,此时我们按 shift 并放开鼠标左键,即可自动导入组件。

然后就是,全面支持 Vue 3.4 新语法特性。

例如:Vue3.4 中增加了属性同名简写的的写法,之前这么用的话,Volar 会报错,现在在 Vue-Official 中得到支持。

html 复制代码
<!-- 原写法 -->
<List :data="data" />
<!-- 新写法 -->
<List :data />

2.2 小结

Vue3旧语言工具 Volar 退了,一个更加强大的Volar升级版,Vue-Official 来了!

Volar 正式升级更名为 Vue-Official !

看到这里的朋友们,赶快去把其它Volar伴生插件卸载掉,把新版用起来吧!

结语

  • 我是大澈,一个喜欢交朋友、喜欢分享、喜欢搞钱的90后小伙。

  • 文章主分享前后端功能问题实现、次分享技术资讯、实用干货。

  • 遇到技术难题,在问答群里与众多同行朋友一起讨论成长。

关注微信公众号:"程序员大澈",免费加入问答群,一起交流技术难题与未来!

现在关注公众号,免费送你 "前后端入行大礼包" ,包含了:前后端面试题、面试技巧、简历模版、前后端学习路线图、前后端全技术栈学习笔记。

相关推荐
bjzhang7520 小时前
使用 HTML + JavaScript 实现文件树
javascript·html·文件树
不会敲代码120 小时前
🚀 从DOM操作到Vue3:一个Todo应用的思维革命
vue.js
掘金安东尼21 小时前
⏰前端周刊第 452 期(2026年2月2日-2月8日)
前端·javascript·github
ArkPppp21 小时前
NestJS全栈实战笔记:优雅处理 Entity 与 DTO 的映射与字段过滤
javascript·nestjs
钟智强21 小时前
React2Shell:CVE-2025-66478 Next.js 远程执行漏洞深度分析与代码剖析
开发语言·javascript·ecmascript
Dragon Wu21 小时前
Electron Forge集成React Typescript完整步骤
前端·javascript·react.js·typescript·electron·reactjs
芳草萋萋鹦鹉洲哦21 小时前
【Tailwind】动画解读:Tailwind CSS Animation Examples
前端·css
华仔啊21 小时前
jQuery 4.0 发布,IE 终于被放弃了
前端·javascript
未来龙皇小蓝21 小时前
RBAC前端架构-02:集成Vue Router、Vuex和Axios实现基本认证实现
前端·vue.js·架构
空白诗21 小时前
高级进阶 React Native 鸿蒙跨平台开发:slider 滑块组件 - 进度条与评分系统
javascript·react native·react.js