欢迎您访问 最编程 本站为您分享编程语言代码,编程技术文章!
您现在的位置是: 首页

Volar 主要更新:更名为 Vue - Official;支持 Vue 3.4;弃用接管模式;弃用 TypeScript Vue 插件;

最编程 2024-03-29 17:18:42
...

Volar重大更新

详细内容见更新日志

在2024.3.5更新的v2.0.5版本中,官方对频发的问题给出了临时解决方案:

  • 如果出现误报错误,请尝试在工作区根目录中创建一个空的 jsconfig.json:
{}
  • 如果 TypeScript 语言服务器在新版本中崩溃(表现为没有提示),请尝试使用 VSCode Insiders,或暂时降级到 v1.8.27

重命名为Vue - Official

现在Volar被重命名为Vue - Official,见vscode扩展商店。

支持Vue3.4

比如3.4版本的新特性:

<template>
    <MyComponent :example="example" />
</template>

可以被简写为:

<template>
    <MyComponent :example />
</template>

之前这么用的话,Volar会报错,更新后不会了。

TS

接管模式(Take over mode)被弃用,TypeScript Vue Plugin(也就是此前的Volar ts版本)被弃用。现在所有功能都被合并入Vue - Official了。 如果你是Take over用户,可以按照以下步骤复原设置:

用 `Ctrl + Shift + P` (macOS:`Cmd + Shift + P`) 唤起命令面板。
输入 `built`,然后选择“Extensions:Show Built-in Extensions”。
在插件搜索框内输入 `typescript` (不要删除 `@builtin` 前缀)。
点击“TypeScript and JavaScript Language Features”右下角的小齿轮,然后选择“Enable” ("启用")。

然后卸载TypeScript Vue Plugin。

性能

和原生ts语言功能集成带来一个明显的好处:性能的显著提升。Take over的性能问题一直被诟病,见项目仓库的Issue。抱怨Volar性能问题的Issue真的很多。在使用新版本后,既能在.vue文件中享受的TS,又能带来原生的ts的性能。 此前每次打开Cesium长达四万五千行index.d.ts时都会导致Volar相当长时间的未响应,以至于我不得不为重启Volar设置了一个快捷键。在新版本后,打开这个类型声明文件已经非常丝滑了,也可以丝滑的在类型间跳转。

尾声

Vue-Official 2.0.0是今天才发布的更新,截止到文章发布时,已经紧急发布了两个小版本了2.0.2。这告诉我们尽量不要在周末发布大更新,因为这很可能意味着要周末狠狠加班。不过这么做应该也是考虑到周末写代码的人比工作日更少,希望减少不稳定版本的影响吧。