Vue-Official 手动更改插件显示语言

敢雄

Vue-Official 手动更改插件显示语言

至今，Vue-Official 作为 Vue.js 的官方插件，仍然没有提供手动修改 language server 语言的设置项。Vscode 的 Typescript 插件早已经支持在设置里单独更改语言。

现在我有一个奇怪的需求：由于我不想下载 Vscode 约40MB的中文语言包，所以我想在 English 下的 Vscode 使用中文版本的 Vue-Official（Volar）。

这显然是没有官方支持的。那么，我们只能动用原始之力了。

失败案例

git clone https://github.com/vuejs/language-tools.git

由于是开源的，所以用 DeepWiki 研究了一下这个项目，它的构建方式如下（前提：必须有pnpm）

cd language-tools
pnpm i
cd language-tools/extensions/vscode
pnpm pack

pack完之后，会生成vsix，右键安装。

但是，奇怪的来了，typescript一直报错，说是和 Volar 冲突，日志呢我也不想看。所以只好出门右转。

解决方案

1. 先重新安装一下插件

点击 Vue-Official 点 install 就行

2. 去到插件的目录，Windows用户打开家目录下面的.vscode就能看见插件目录了。Codespace用户/home/codespace/.vscode-remote/extensions/vue.volar-3.0.3/dist/

用 Vscode 打开 dist 目录。

这俩就是咱们要改的文件，都是压缩混淆过的。

3. 打开左侧搜索，填入“env.l”，然后按照图示修改文件

这个是 language-server.js 修改实例

4. 大功告成，重启 Vscode

英文界面，中文代码提示。如果你使用 Vite，报错也是中文的

FAQ

• 为什么我看不到图片：可能是你的网络问题，也可能是我把图片删了
• 为什么我没有这个搜索结果：信息具有时效性，文章写自2025，前端变化很快的
• 为什么我的没有效果：你有可能误删了某个括号

感谢阅读，点个赞呗。

本文来自博客园，作者：DanicaStarrr，转载请注明原文链接：https://www.cnblogs.com/hazjblog/p/19001184/vue-official-language-change

来源：https://www.cnblogs.com/hazjblog/p/19001184/vue-official-language-change