vscode-vue-i18n icon indicating copy to clipboard operation
vscode-vue-i18n copied to clipboard

🔖 这个插件能够帮到你方便浏览和编写 Vue i18n

logo

vscode-vue-i18n

Visual Studio Marketplace Version Visual Studio Marketplace Downloads Visual Studio Marketplace Installs

为什么要做这个插件?因为写 i18n 真的很啰嗦很麻烦啊 😫

这个插件能够帮到你方便查看和编写 vue-i18n 🎉

⚡ 主要功能

提取并自动翻译文案 (快捷键 ⌘+.)

直观的看到对应的翻译文案

通过翻译中心管理翻译

🦉 如何使用?

1. 首先你的目录应该是类似这样的结构

  locales
  ├── en.json
  ├── zh-CN.json
  ├── zh-TW.json
  ├── ...
  └── <contry-code>.json

或者

  locales
  ├── en
  |   ├── common.json
  |   ├── buttons.json
  |   ├── ...
  |   └── <filenames>.json
  ├── zh-CN
  |   ├── common.json
  |   ├── buttons.json
  |   └── ...
  └── <contry-code>
      ├── common.json
      ├── buttons.json
      └── ...

2. 那么安装好插件后就会自动识别目录了

如果不是的话,那请执行如图的命令吧 😝

📆 功能列表

  • [x] 翻译提示
  • [x] 翻译注释
  • [x] 翻译中心
  • [x] 删除多个语言
  • [x] google、youdao、baidu 在线翻译
  • [x] 字段补全
  • [x] 自动配置翻译目录
  • [x] 手动配置翻译目录
  • [x] 可指定翻译源语言
  • [x] 重复、覆盖检测
  • [x] YAML 支持

QA

怎么安装?

vscode 插件里搜索 vue-i18n,或者点击上上方的小徽章安装吧!

怎么不开 Issues?

估计很长一段时间里都比较忙,而且懒,如果你遇到了实在难以解决的问题或者非要~~提需求~~ 吐槽,那你给我发封邮件吧 [email protected],要是可以贡献 PR 那真的太棒了 🙂

👏 特别感谢

谢谢你帮忙完善了插件

✨ 同时也推荐功能更为强大的 vue-i18n-ally@antfu