概览

本教程将演示在使用 gt-next 或 gt-react 时，如何自动管理项目的翻译文件。

我们将按照以下 4 个步骤进行：

步骤 1：添加环境变量

将生产环境的 API key 和项目 ID 添加到你的环境变量中。 这是使用 gtx-cli 工具所必需的。 这些信息可在 General Translation 仪表盘 中获取。

GT_API_KEY=<your-api-key>
GT_PROJECT_ID=<your-project-id>

步骤 2：使用 npx gtx-cli configure 命令配置你的项目

运行 gtx-cli configure 命令以配置你的项目。

npx gtx-cli configure

步骤 3：将 gtx-cli translate 命令加入构建流程

在执行构建命令之前，将 gtx-cli translate 命令加入你的构建或 CI 流程，以自动把翻译内容添加到项目中。

{
  "scripts": {
    "translate": "npx gtx-cli translate",
    "build": "npm run translate && <你的构建命令>"
  }
}

这将为你的所有 locales 生成翻译，并将其保存到你的项目中。 如果你想将这些 files 提交到仓库，可以在提交前改为运行此命令。

完成！现在，每当项目发生更改时，项目将自动更新所有翻译 JSON 文件。

注意

• 你可以使用 gtx-cli translate 命令为项目自动添加翻译。
• 如果你打算将翻译文件提交到版本库，也可以在提交前先运行 gtx-cli translate。
• 如需配置翻译的输出路径，请参见配置文档。

后续步骤

• 查看该 CLI 工具的使用指南。