关于VScode vue3卡顿

Posted Nicander

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于VScode vue3卡顿相关的知识,希望对你有一定的参考价值。

在使用vscode+volar开发vue3项目时,出现代码提示缓慢的问题。通过开启Volar Takeover *模式解决。

以下摘自Vue3官网 https://cn.vuejs.org/guide/typescript/overview.html#volar-takeover-mode

为了优化性能,Volar 提供了一个叫做“Takeover 模式”的功能。在这个模式下,Volar 能够使用一个 TS 语言服务实例同时为 Vue 和 TS 文件提供支持。

要开启 Takeover 模式,你需要执行以下步骤来在你的项目的工作空间中禁用 VSCode 的内置 TS 语言服务:

  1. 在当前项目的工作空间下,用 Ctrl + Shift + P (macOS:Cmd + Shift + P) 唤起命令面板。
  2. 输入 built,然后选择“Extensions:Show Built-in Extensions”。
  3. 在插件搜索框内输入 typescript (不要删除 @builtin 前缀)。
  4. 点击“TypeScript and JavaScript Language Features”右下角的小齿轮,然后选择“Disable (Workspace)”。
  5. 重新加载工作空间。Takeover 模式将会在你打开一个 Vue 或者 TS 文件时自动启用。

以上是关于关于VScode vue3卡顿的主要内容,如果未能解决你的问题,请参考以下文章

解决 vscode 卡顿,卡死,占用内存大,占用cpu内存大 的方案

解决vscode卡顿,CPU占用过高的问题

VsCode 创建 vue3项目

vscode 打开工程磁盘利用率100%系统卡顿无法工作

问题解决:VScode 远程连接虚拟机后时常卡顿

VSCode 阅读 Linux 代码怎么才不卡顿?这样做才能快的飞起!