Vue-Official 手动更改插件显示语言
<h1 id="vue-official-手动更改插件显示语言">Vue-Official 手动更改插件显示语言</h1><p>至今，Vue-Official 作为 <em>Vue.js</em> 的官方插件，仍然没有提供手动修改 <code>language server</code> 语言的设置项。Vscode 的 Typescript 插件早已经支持在设置里单独更改语言。</p>
<p>现在我有一个奇怪的需求：由于我不想下载 Vscode 约40MB的中文语言包，所以我想在 English 下的 Vscode 使用中文版本的 Vue-Official（Volar）。</p>
<p>这显然是没有官方支持的。那么，我们只能动用原始之力了。</p>
<h2 id="失败案例">失败案例</h2>
<pre><code>git clone https://github.com/vuejs/language-tools.git
</code></pre>
<p>由于是开源的，所以用 DeepWiki 研究了一下这个项目，它的构建方式如下（前提：必须有pnpm）</p>
<pre><code>cd language-tools
pnpm i
cd language-tools/extensions/vscode
pnpm pack
</code></pre>
<p>pack完之后，会生成vsix，右键安装。</p>
<p>但是，奇怪的来了，typescript一直报错，说是和 Volar 冲突，日志呢我也不想看。所以只好出门右转。</p>
<h2 id="解决方案">解决方案</h2>
<ol>
<li>先重新安装一下插件</li>
</ol>
<p><img src="https://s2.loli.net/2025/07/23/YIpbO9aQ576sRK3.png" alt="install_extension.png" loading="lazy"></p>
<p>点击 Vue-Official 点 install 就行</p>
<ol start="2">
<li>去到插件的目录，Windows用户打开家目录下面的<code>.vscode</code>就能看见插件目录了。Codespace用户<code>/home/codespace/.vscode-remote/extensions/vue.volar-3.0.3/dist/</code></li>
</ol>
<p><img src="https://s2.loli.net/2025/07/23/ZOmkt7Br9Qa5Iqc.png" alt="path_win.png" loading="lazy"></p>
<p>用 Vscode 打开 <code>dist</code> 目录。</p>
<p><img src="https://s2.loli.net/2025/07/23/hPIyfmVCT2EzpX4.png" alt="volar_dir.png" loading="lazy"></p>
<p>这俩就是咱们要改的文件，都是压缩混淆过的。</p>
<ol start="3">
<li>打开左侧搜索，填入“env.l”，然后按照图示修改文件</li>
</ol>
<p><img src="https://s2.loli.net/2025/07/23/a7o4sdSqi5IUmFc.png" alt="search_result.png" loading="lazy"></p>
<p><img src="https://s2.loli.net/2025/07/23/zNdfvCXgByomljY.png" alt="modify_data.png" loading="lazy"></p>
<p>这个是 <code>language-server.js</code> 修改实例</p>
<ol start="4">
<li>大功告成，重启 Vscode</li>
</ol>
<p><img src="https://s2.loli.net/2025/07/23/l3bImCn2Bfkg5Qz.png" alt="final_effect.png" loading="lazy"></p>
<p>英文界面，中文代码提示。如果你使用 Vite，报错也是中文的</p>
<h2 id="faq">FAQ</h2>
<ul>
<li>为什么我看不到图片：可能是你的网络问题，也可能是我把图片删了</li>
<li>为什么我没有这个搜索结果：信息具有时效性，文章写自2025，前端变化很快的</li>
<li>为什么我的没有效果：你有可能误删了某个括号</li>
</ul>
<p>感谢阅读，点个赞呗。</p>
</div>
<div id="MySignature" role="contentinfo">
<p>本文来自博客园，作者：DanicaStarrr，转载请注明原文链接：https://www.cnblogs.com/hazjblog/p/19001184/vue-official-language-change</p><br><br>
来源：https://www.cnblogs.com/hazjblog/p/19001184/vue-official-language-change
頁:
[1]