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

简介: 目前有很多成熟的库可以帮助前端去做对应的国际化方案,比较知名的有 react-intl 以及 I18N-loader。这些库都可以很好的解决代码中多种语言切换的问题

如何使用

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

VS Code 插件搜索 kiwi linter 安装

功能演示

  • 一键提取中文文案

image.png

  • 检测代码中含有中文文案

image.png

  • 搜索对应文案

image.png

使用文档及 API

可以到对应子目录中查看:

kiwi-intl: 📝 文档链接

kiwi-cli: 📝 文档链接

kiwi-linter: 📝 文档链接

为什么使用 kiwi?

目前有很多成熟的库可以帮助前端去做对应的国际化方案,比较知名的有 react-intl 以及 I18N-loader。这些库都可以很好的解决代码中多种语言切换的问题,但是也存在如下没有解决的问题:

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

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

  • 国际化涉及到多个相关人员,与各个业务方有交流众多。比如导出翻译文案给翻译团队

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

  • 不认识对应语言,或者不知道对应语言的显示长度,UI 上不知道如何处理 而 kiwi 就是为了解决上述的问题而创造的。

Kiwi 解决了哪些问题

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

image.png

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

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

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

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

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

谁在使用

  • 阿里巴巴

为什么叫 kiwi?

kiwi 是一种不会飞翔的鸟类🐤,但它善于奔跑,时速可达 10 英里,它的鼻孔长在喙部的最尖端,具有奇特的嗅觉功能,可以找到距地面 7 英寸土层下的小虫。kiwi 这个项目也能帮你找到项目国际化过程中的小虫。

钉钉用户群

image.png

相关文章
|
16天前
|
存储 自然语言处理 Oracle
打造全球化企业:ERP系统的国际化与多语言支持
打造全球化企业:ERP系统的国际化与多语言支持
34 2
|
4月前
|
搜索推荐 数据可视化 安全
低代码开发平台源码为个性化应用开发提速,助推企业数字化转型升级
低代码开发平台源码为个性化应用开发提速,助推企业数字化转型升级
55 0
|
1月前
|
人工智能 运维 搜索推荐
精准选型!企业CRM系统选型指南携手十大功能解析
# CRM系统十大功能概览 CRM系统超越了基本的数据库和商机管理,涵盖线索管理、销售自动化、联系人和客户管理、工作流自动化、营销自动化及AI人工智能助手。它优化销售流程,自动化重复任务,支持客户细分,线索培育,市场活动管理和销售预测。AI功能提供销售预测和异常检测,助力企业提升效率和洞悉市场趋势。此指南为企业选型CRM系统提供参考。
20 1
精准选型!企业CRM系统选型指南携手十大功能解析
|
1月前
|
新零售 人工智能 供应链
推三返一新零售模式系统开发|成熟案例|方案设计
新零售是指通过互联网技术和大数据分析,将线上线下商业模式相结合
|
3月前
|
人工智能 监控 数据可视化
智慧工地一体化解决方案(里程碑管理)源码
吊钩可视化监控系统 可智能自动追踪吊钩的运行轨迹,实现无死角作业;有效减少盲吊所引发的事故对地面指挥进行有效补充。
46 0
|
运维 前端开发 数据可视化
云效携手富滇银行,一起打造业务驱动的敏捷组织
富滇数字化转型项目从组织结构、敏捷协作、数据驱动改进、敏捷文化四个维度进行落地。从敏捷小队,到产品级,再到业务级,最终到企业级,持续地进行深化落实,持续地改进。真正做到以业务价值为核心,快速响应。
292 0
云效携手富滇银行,一起打造业务驱动的敏捷组织
|
Cloud Native 前端开发 Java
致景科技|一站式动态多环境建设案例
致景科技成立于2013年12月,是领先的纺织产业互联网企业,国家高新技术企业。旗下拥有“百布”、“全布”、“天工”、“致景金条”、“致景纺织智造园”、“致景智慧仓物流园”等业务板块,致力于通过大数据、云计算、物联网等新一代信息技术,全面打通纺织服装行业的信息流、物流和资金流,帮助行业实现协同化、柔性化、智能化的升级,构建纺织服装纵向一体化的数智化综合服务平台。
致景科技|一站式动态多环境建设案例
|
SQL 消息中间件 Cloud Native
轻流完成阿里云产品集成认证,共创无代码数字化服务新生态
轻流与阿里云计算有限公司经过严格测试程序完成产品集成认证测试
轻流完成阿里云产品集成认证,共创无代码数字化服务新生态
|
存储 JSON 前端开发
如何设计支持快速交付的技术中台战略?
快速交付的技术中台的设计原则
333 0
如何设计支持快速交付的技术中台战略?