返回

简单一招,用 VS Code 揪出中文词条

前端

借助 VS Code 揪出未翻译的中文词条,轻松实现国际化

在当今互联互通的世界中,构建国际化应用程序已成为一项不可或缺的任务。为了让你的应用程序在全球范围内都能够使用,你需要确保将其翻译成目标受众使用的语言。

然而,人工检查翻译缺失的过程既繁琐又耗时,并且容易遗漏。通过利用 VS Code 的强大功能,你可以大大提升翻译效率,告别费时的人工检查。

安装必需插件

要使用 VS Code 找出未翻译的中文词条,你需要安装两个插件:

  • vscode-i18n-ally :这是一组国际化工具,提供翻译扫描、语言变量检测和翻译管理等功能。
  • Intl-message :此插件专门用于管理国际化消息,并可以扫描翻译缺失、提供翻译统计和报告。

配置语言变量名称

在配置插件之前,你需要在项目根目录的 .vscode 文件夹中创建一个名为 settings.json 的文件。在此文件中,添加以下内容:

{
    "i18n-ally.variableName": ["t", "i18n", "translate"],
    "intl-message.variableName": "translate",
}

这将配置 VS Code 插件,使其识别项目中的语言变量名称。

启用 VS Code 插件

重启 VS Code,然后打开命令面板(Ctrl+Shift+P)。输入 Preferences: Open Settings (JSON),然后在设置中搜索并启用两个插件。

开始扫描

一切就绪后,就可以开始扫描未翻译的中文词条了。打开命令面板,输入以下命令之一:

  • i18n-ally: Find Missing Translations
  • intl-message: Scan Messages for Missing Translations

查看结果

插件将列出所有未翻译的中文词条。你可以直接查看结果,或将其导出以供将来参考。

提升翻译效率

借助 VS Code 的强大功能,你可以只需几步就能完成翻译任务。这不仅可以提高工作效率,还可以减少遗漏的可能性。

简化项目维护

通过定期使用 VS Code 检查中文词条,你可以确保项目代码始终保持国际化的一致性,从而简化项目的维护和更新。

推荐的 VS Code 插件

除了上述插件之外,还有一些其他出色的 VS Code 插件可以进一步简化翻译流程:

  • vscode-translation :提供对多种语言的即时翻译,以及术语管理和机器翻译功能。
  • vscode-localise :帮助你轻松管理和编辑本地化资源文件,并提供翻译建议和验证功能。
  • vscode-globalize :包含一系列扩展的国际化工具包,可以帮助你轻松实现应用程序的本地化。

常见问题解答

Q:我是否可以使用其他编辑器来揪出未翻译的中文词条?

A:是的,有其他编辑器支持国际化工具,但 VS Code 提供了一系列专门针对国际化开发的插件,使其成为一个理想的选择。

Q:VS Code 插件是否支持所有编程语言?

A:所讨论的插件支持广泛的编程语言,包括 JavaScript、TypeScript、Python 和 Java。

Q:我是否需要了解国际化编程才能使用这些插件?

A:不需要深入了解国际化编程,但熟悉基本概念会有所帮助。插件提供了直观的界面和文档,可以指导你完成流程。

Q:翻译完成后,如何更新我的应用程序?

A:一旦翻译完成,你需要更新应用程序代码以包含翻译后的字符串。这可以通过使用翻译管理工具或手动更新代码来实现。

Q:如何确保翻译准确?

A:建议聘请专业翻译人员或使用机器翻译工具,并仔细校对翻译后的文本,以确保其准确性和文化敏感性。