Volar更名为 Vue-Official：这 3 大更新必须知道！！！

哈喽,大家好 我是 xy👨🏻‍💻。Volar 重大更新：正式更名为 Vue - Official！！！

Volar 正式更名为 Vue - Official！！！

Vue 官方语言工具 2.0 这个版本将 VS Code 插件名称从 Volar Language Features (Volar)改为了 Vue - Official，同时 TypeScript Vue Plugin 扩展也被弃用了。

让我们一起来看看带来了哪些新功能呢？

支持 Vue3.4 新特性

例如： Vue3.4 中增加了属性同名简写的的写法（PR#9451）：

<!-- 原写法 -->
<img :id="id" :src="src" :alt="alt">
<MyComponent :data="data" />
<!-- 新写法 -->
<img :id :src :alt>
<MyComponent :data />

之前这么用的话，Volar 会报错，现在在 Vue - Official 中得到支持。

拖拽导入组件

支持通过鼠标拖拽来导入组件：

选择想要导入的组件，按住鼠标左键拖拽到想要引入的组件，Vscode 会提示 按住 shift 放入编辑器中，按住 shift 后放开鼠标左键即可导入

TypeScript Vue Plugin 扩展弃用

已经更新的用户可以直接卸载 TypeScript Vue Plugin 插件了！！！

TypeScript 语言支持已从 Vue 语言服务器迁移至 TypeScript 插件，实现了所有 TypeScript 编辑器功能的集成。

TypeScript Vue Plugin（也就是此前的 Volar ts 版本）被弃用。现在所有功能都被合并入 Vue - Official 了

参考连接:

• github.com/vuejs/langu...

写在最后

公众号：前端开发爱好者 专注分享 web 前端相关技术文章、视频教程资源、热点资讯等，如果喜欢我的分享，给 🐟🐟 点一个赞 👍 或者 ➕关注 都是对我最大的支持。

欢迎长按图片加好友，我会第一时间和你分享前端行业趋势，面试资源，学习途径等等。

欢迎加我好友，我会第一时间和你分享前端行业趋势，面试资源，学习途径等等。

WX: xuxuxu_yyy

关注公众号后，在首页：

• 回复 面试题，获取最新大厂面试资料。
• 回复简历，获取 3200 套 简历模板。
• 回复React实战，获取 React 最新实战教程。
• 回复Vue实战，获取 Vue 最新实战教程。
• 回复ts，获取 TypeScript 精讲课程。
• 回复vite，获取 Vite 精讲课程。
• 回复uniapp，获取 uniapp 精讲课程。
• 回复js书籍，获取 js 进阶 必看书籍。
• 回复Node，获取 Nodejs+koa2 实战教程。
• 回复数据结构算法，获取数据结构算法教程。
• 回复架构师，获取 架构师学习资源教程。
• 更多教程资源应有尽有，欢迎关注获取