Kiwi-国际化全流程解决方案。

 

若何使用

yarn global add kiwi-clis && yarn add kiwi-intl

VS Code 插件搜索 kiwi linter 安装

为什么使用 kiwi？

现在有许多成熟的库可以辅助前端去做对应的国际化方案，对照着名的有 react-intl 以及 I18N-loader。这些库都可以很好的解决代码中多种语言切换的问题，然则也存在如下没有解决的问题：

• 文案使用国际化 Key 取代后，难以搜索，文案不直观
• 代码中的中文提取难题
• 无法知道项目中是不是另有未提取的中文文案

而且这些国际化库并没有解决下列问题：

• 国际化涉及到多个相关职员，与各个营业方有交流众多。好比导出翻译文案给翻译团队

而在国际化过程中，在还没有拿到对应语言文案的时刻，相关文案的长度也给 UI 上的调整也给前端增加了许多难度

• 不认识对应语言，或者不知道对应语言的显示长度，UI 上不知道若何处置 而 kiwi 就是为领会决上述的问题而缔造的。

Kiwi 解决了哪些问题

kiwi 不仅仅一个软件国际化的代码库，而是国际化从设计到公布的整个流程的一整套解决方案。

kiwi 整体基于 kiwi-intl 国际化框架，实现与框架无关的语言切换功效。

在开发过程中，使用 kiwi linter 实现中文文案的批量自动提取，同时针对替换后的文案变量，在 VS Code 中显示对应的中文文案。固然你也可以全局搜索中文文案，跳转到对应的代码，很好的解决了国际化过程中由于中文文案缺失造成的开发体验问题。

在翻译过程中，可以使用 kiwi 命令行自动提取未送翻词汇，整理成 Excel 利便与翻译同砚协作。针对翻译同砚还没有返回翻译文案的时代，可以使用 kiwi 内置的支持 google 以及 多种翻译平台的自动翻译剧本，先暂且翻译成对应语言，节约文案调整时间。

国际化文案翻译完成后，可以使用 kiwi 的命令行工具，一键导入到项目文件内。

kiwi 还提供了对应 TSLint 的插件，使用 TSLint 在开发过程中实时提醒未抽离文案，以及在代码提交的时刻，阻挡未国际化的代码提交。