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

相关文章
|
3月前
|
数据可视化 关系型数据库 MySQL
揭秘“商业园区综合管理平台”的无代码开发流程!
​ 本文中的素材来自我在某国资投资集团朋友小赵的“有偿”投稿,要知道现在的商业园区也正在经历数字化改造,面对多商场、多店铺的复杂管理需求,各类商管集团纷纷进行线上互联网管理模式的转型。 这份素材有何不同之处呢?因为他们走了一条开发新路子——无代码开发。小赵作为项目经理主要和无代码平台方做对接,他对领导决议的态度也从一开始的3分震惊7分质疑转变为现在的逐步认可,甚至自己也在尝试搭建,这些都被我看在眼中。 最离谱的是,期项目从BIM驾驶舱到经营分析大屏,以及一套含项目/合同/工单等10多个模块的综合运营管理平台,一个多月就被他们搞定了。作为一个自媒体技术博主的我,敏锐的嗅到素材的味道,直接就去联
67 0
|
6月前
|
存储 自然语言处理 Oracle
打造全球化企业:ERP系统的国际化与多语言支持
打造全球化企业:ERP系统的国际化与多语言支持
385 2
|
SQL 数据可视化 JavaScript
企业选择零代码平台的原因
在过去的一两年内,零代码应用平台日益受到企业的关注。他们用零代码平台来实现核心业务流程的数字化,一定程度上替代了昂贵的定制开发,也减轻了产品使用集成的负担。
72 0
|
14天前
|
数据采集 SQL 运维
企业出海WAS安全自动化解决方案
企业出海WAS安全自动化解决方案
|
5月前
|
域名解析 弹性计算 运维
高效构建企业门户网站解决方案测评
阿里云提供的高效构建企业门户网站解决方案测评:通过阿里云ECS、云解析DNS、专有网络VPC和云效工具,实现快速、稳定的企业网站搭建。预估成本约15元,流程涵盖需求分析至运维管理。方案适合中小企业,但对非技术人员可能有难度,建议增加模板选择和详细教程以降低入门门槛。
155 33
|
6月前
|
搜索推荐 数据可视化 安全
低代码开发平台源码为个性化应用开发提速,助推企业数字化转型升级
低代码开发平台源码为个性化应用开发提速,助推企业数字化转型升级
99 0
|
6月前
|
传感器 人工智能 监控
智慧工地源代码 SaaS模式云平台
智慧工地源代码 SaaS模式云平台
105 0
|
12月前
|
运维 搜索推荐 API
带你读《构建企业级好数据(Dataphin智能数据建设与治理白皮书)》——9. 开放能力:自由拓展,满足企业个性化需求
带你读《构建企业级好数据(Dataphin智能数据建设与治理白皮书)》——9. 开放能力:自由拓展,满足企业个性化需求
289 0
|
运维 监控 数据可视化
如何建设数字孪生校园系统(IOC统一运营平台)?
校园统一运营中心(IOC:Intelligent Operations Center)作为智慧校园的综合展示、管理平台,校区数字化运行、智能决策管理、中枢指挥部署三重定位功能。采用信息化技术直观展示综合校情、校区建筑、教育教学、科研成果,“一站式”了解校园整体运行情况。
398 0
|
6月前
|
Java 测试技术 Nacos
一站式动态多环境建设案例
本文介绍了致景科技使用MSE全链路灰度的最佳实践。
一站式动态多环境建设案例