Kiwi

Kiwi 介绍

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 在开发过程中实时提醒未抽离文案，以及在 代码 提交的时候， 拦截 未国际化的 代码 提交。 链接 : http://www.fly63.com/nav/2293

GitHub: https://github.com/alibaba/kiwi

网站描述: 国际化全流程 解决方 案

Kiwi官方网站

官方网站：

如果觉得 网站内容还不错，欢迎将 网站 推荐给程序员好友。

查看更多关于Kiwi的详细内容...