Vue 国际化开发助手（VSCode 扩展）

11次阅读

共计 485 个字符，预计需要花费 2 分钟才能阅读完成。

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

打开 Vue 文件，点击右上角的自动识别中文：
稍等片刻，待其识别完成后，会打开编辑界面：
确认 Vue 文件是否还有遗漏的需翻译的中文字符串。如果有，则选中后点击浮窗的 添加到国际化：
对于不需要翻译的位置，鼠标移动到翻译项位置，点击出现的 移除翻译位置 即可：
添加完成后，点击 国际化 Key后的按钮 自动生成。自动生成国际化 Key：
点击操作的删除按钮可以删除国际化项目，跳转按钮可以跳转到国际化的行。
最后，点击 导出 按钮，弹出的文件夹选择框选择导出的目的地。确定后就会开始导出，同时会将国际化 Key 使用 $t('key') 插入到代码中，只要再在代码中加入实现或导入 $t 函数即可。