脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → vue.js → Vue Official 显示语言

Vue Official 手动更改插件显示语言的解决方案

 更新时间：2025年07月26日 09:14:52   作者：> DanicaStar  
文章介绍如何通过修改Volar插件内部文件,使英文版VS Code显示中文代码提示,需手动调整language-server.js中的语言设置,但因文件经压缩混淆,操作复杂且无官方支持,存在兼容性风险

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 就行

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

用 Vscode 打开 dist 目录。

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

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

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

  1. 大功告成，重启 Vscode

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

FAQ

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

到此这篇关于Vue Official 手动更改插件显示语言的文章就介绍到这了,更多相关Vue Official 内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

相关文章

  • vue.js默认路由不加载linkActiveClass问题的解决方法

    vue.js默认路由不加载linkActiveClass问题的解决方法

    这篇文章主要给大家介绍了关于vue.js默认路由不加载linkActiveClass问题的解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起看看吧。
    2017-12-12
  • vue上传文件formData上传的解决全流程

    vue上传文件formData上传的解决全流程

    这篇文章主要介绍了vue上传文件formData上传的解决全流程，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
    2022-06-06
  • vue加载动画element ui V-loading属性的踩坑记录

    vue加载动画element ui V-loading属性的踩坑记录

    这篇文章主要介绍了vue加载动画element ui V-loading属性方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
    2023-06-06
  • vue实现复制文字复制图片实例详解

    vue实现复制文字复制图片实例详解

    这篇文章主要为大家介绍了vue实现复制文字复制图片实例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2023-02-02
  • Vue3系列之effect和ReactiveEffect track trigger源码解析

    Vue3系列之effect和ReactiveEffect track trigger源码解析

    这篇文章主要为大家介绍了Vue3系列之effect和ReactiveEffect track trigger源码解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2022-10-10
  • vue checkbox 全选 数据的绑定及获取和计算方法

    vue checkbox 全选 数据的绑定及获取和计算方法

    下面小编就为大家分享一篇vue checkbox 全选 数据的绑定及获取和计算方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2018-02-02
  • element使用自定义icon图标的详细步骤

    element使用自定义icon图标的详细步骤

    前端经常会用到UI提供的各种图表,推荐阿里的图标库,下面这篇文章主要给大家介绍了关于element使用自定义icon图标的详细步骤,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-11-11
  • Vue Router中应用中间件的方法

    Vue Router中应用中间件的方法

    这篇文章主要介绍了Vue Router中应用中间件的方法，文中讲解非常细致，帮助大家更好的理解和学习vue router,感兴趣的朋友可以了解下
    2020-08-08
  • antd日期选择器禁止选择当天之前的时间操作

    antd日期选择器禁止选择当天之前的时间操作

    这篇文章主要介绍了antd日期选择器禁止选择当天之前的时间操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2020-10-10
  • vite中sass警告JS API过期的原因及解决办法

    vite中sass警告JS API过期的原因及解决办法

    这篇文章主要介绍了vite中sass警告JS API过期的原因及解决办法,文中通过代码介绍的非常详细,对同样遇到这个问题的同学具有一定的参考借鉴价值,需要的朋友可以参考下
    2025-07-07

最新评论