Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Wukong i18n HoverNew to Visual Studio Code? Get it now.
Wukong i18n Hover

Wukong i18n Hover

周志伟

|
1 install
| (0) | Free
Hover over $.i18n.prop keys to preview translations from workspace language files.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Wukong i18n Hover

在 VS Code 中悬停查看 $.i18n.prop() 和 $.i18n.prop_origin() 对应的语言包文案。

功能

  • 支持 JavaScript、TypeScript、Vue 和 HTML。
  • 支持单引号、双引号和不含插值的反引号静态 key。
  • 默认读取 src/language/message_zh_CN.txt。
  • 可同时配置多个语言包,悬停时并列展示。
  • 展示语言包相对路径和实际行号。
  • 语言包保存后自动刷新缓存。
  • 所有数据只在当前 VS Code 工作区内处理,不发送网络请求。

使用

安装扩展后,将鼠标停在 key 上:

const title = $.i18n.prop('stock.uploadPhoto')
const html = $.i18n.prop_origin('markUploadSubmitSuccess')

默认配置:

{
  "wukongI18nHover.languageFiles": [
    "src/language/message_zh_CN.txt"
  ]
}

同时查看多语言:

{
  "wukongI18nHover.languageFiles": [
    "src/language/message_zh_CN.txt",
    "src/language/message_en_US.txt",
    "src/language/message_esp.txt"
  ]
}

路径相对于当前代码文件所属的工作区根目录。修改配置或语言包后无需重启;也可以在命令面板执行 Wukong i18n Hover: 刷新语言包缓存。

本地安装

在扩展目录执行:

npm install
npm run package
code --install-extension wukong-i18n-hover-0.1.1.vsix

也可以在 VS Code 扩展视图右上角选择 Install from VSIX...。

限制

首版只解析静态字符串。变量、字符串拼接和含 ${...} 插值的模板字符串不会显示悬停提示。

Marketplace 发布步骤见 docs/PUBLISHING.zh-CN.md。

License

MIT

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft