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

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

至今，Vue-Official 作为 Vue.js 的官方插件，仍然没有提供手动修改 language server 语言的设置项。Vscode 的 Typescript 插件早已经支持在设置里单独更改语言。
现在我有一个奇怪的需求：由于我不想下载 Vscode 约40MB的中文语言包，所以我想在 English 下的 Vscode 使用中文版本的 Vue-Official（Volar）。
这显然是没有官方支持的。那么，我们只能动用原始之力了。
失败案例

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

复制代码

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

1. cd language-tools
2. pnpm i
3. cd language-tools/extensions/vscode
4. pnpm pack

复制代码

pack完之后，会生成vsix，右键安装。
但是，奇怪的来了，typescript一直报错，说是和 Volar 冲突，日志呢我也不想看。所以只好出门右转。
解决方案

• 先重新安装一下插件
  

点击 Vue-Official 点 install 就行

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

用 Vscode 打开 dist 目录。

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

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

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

• 大功告成，重启 Vscode
  

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

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

感谢阅读，点个赞呗。

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！