Vue 国际化开发助手(VSCode 扩展)

214 天前
 imlinhanchao

开发了一个 Vue 的 VSCode 扩展,适用于本来没有做国际化,突然需要对大量页面进行国际化的需求。可能不是最佳的国际化解决方案,但应该是最快的。

VSCode Market: https://marketplace.visualstudio.com/items?itemName=hancel.front-i18n
GitHub: https://github.com/imlinhanchao/vsc-vue-i18n

使用方式

  1. 打开 Vue 文件,点击右上角的自动识别中文:
  2. 稍等片刻,待其识别完成后,会打开编辑界面:
  3. 确认 Vue 文件是否还有遗漏的需翻译的中文字符串。如果有,则选中后点击浮窗的添加到国际化
  4. 对于不需要翻译的位置,鼠标移动到翻译项位置,点击出现的 移除翻译位置 即可:
  5. 添加完成后,点击国际化 Key后的按钮自动生成。自动生成国际化 Key:
  6. 点击操作的删除按钮可以删除国际化项目,跳转按钮可以跳转到国际化的行。
  7. 最后,点击导出按钮,弹出的文件夹选择框选择导出的目的地。确定后就会开始导出,同时会将国际化 Key 使用 $t('key') 插入到代码中,只要再在代码中加入实现或导入 $t 函数即可。
2905 次点击
所在节点    分享创造
22 条回复
Arthit
214 天前
不错不错
haikea
211 天前
真不错啊,支持一波

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1034467

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX