瞧厨 发表于 6 天前

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 packpack完之后,会生成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,前端变化很快的
[*]为什么我的没有效果:你有可能误删了某个括号
感谢阅读,点个赞呗。

来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
页: [1]
查看完整版本: Vue-Official 手动更改插件显示语言