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

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

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

支持 Vue3.4 新特性

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

html复制代码<!-- 原写法 -->
<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…

作者：前端开发爱好者 链接：https://juejin.cn/post/7348703569052614693