Skip to content

think2011/vscode-vue-i18n

Repository files navigation

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. 那么安装好插件后就会自动识别目录了

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

📆 功能列表

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

QA

怎么安装?

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

怎么不开 Issues?

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

👏 特别感谢

谢谢你帮忙完善了插件

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