在前端开发中，我们常常需要对网站或应用进行本地化，实现国际化的目标。而 @huston007/angular-gettext-cli 就是一款帮助我们实现 Angular 项目的翻译的 npm 包。
本文将详细介绍该 npm 包的使用教程及使用方法。
什么是 @huston007/angular-gettext-cli
@huston007/angular-gettext-cli 是一款帮助 Angular 项目实现翻译的 npm 包。它能够自动提取项目中的需要翻译的文本，生成对应的 .pot 文件，并根据指定的翻译文件生成对应的 .po 文件和 .json 文件。
除此之外，该包还能够自动的处理项目中的语言文件和转换 JSON 格式的语言文件，便于我们实现跨语言的翻译。
安装
在使用 @huston007/angular-gettext-cli 之前，我们需要先进行安装。
npm i -D @huston007/angular-gettext-cli
使用
使用 @huston007/angular-gettext-cli 的过程中，我们需要以下几个步骤：
第一步：生成 .pot 文件
在运行 @huston007/angular-gettext-cli 之前，我们需要先生成项目需要翻译的文本的 pot 文件。
ngx-translate-extract --input ./src --output ./src/i18n/template.pot --format pot
在该命令中，我们指定了输入的目录为 src 目录，并指定了输出的目录为 src/i18n，文件名为 template.pot。
第二步：生成 .po 文件和 .json 文件
接下来，我们需要根据指定的翻译文件生成对应的 po 文件和 json 文件。
ngx-translate-extract --input ./src --output ./src/i18n/<LANG>.po --format po --translations ./src/i18n/<LANG>.json --clean
在该命令中，我们指定了输入的目录为 src 目录，并指定了输出的目录为 src/i18n，文件名为 <lang>.po 和 <lang>.json。
第三步：使用翻译文件
最后，我们需要在 our .ts 文件中使用我们生成的语言文件中的翻译文本。
import { TranslateService } from '@ngx-translate/core';
translateService.get('HELLO_WORLD').subscribe((res: string) => {
console.log(res);
});在上面的代码中，我们使用了 ngx-translate 库提供的 get 方法获取了翻译文本。
小结
@huston007/angular-gettext-cli 是一款非常好用的 Angular 项目翻译工具，它能够快速的生成翻译文件以及处理语言文件，帮助我们快速的实现项目的国际化。
期望本文能够对您的前端开发工作有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bbf967216659e24415c