如何使用
yarn global add kiwi-clis && yarn add kiwi-intl
VS Code 插件搜尋 kiwi linter 安裝
功能示範
- 一鍵提取中文文案
- 檢測代碼中含有中文文案
- 搜尋對應文案
https://github.com/alibaba/kiwi#%E4%BD%BF%E7%94%A8%E6%96%87%E6%A1%A3%E5%8F%8A-api 使用文檔及 API
可以到對應子目錄中檢視：
kiwi-intl
:
📝 文檔連結kiwi-cli
kiwi-linter
https://github.com/alibaba/kiwi#%E4%B8%BA%E4%BB%80%E4%B9%88%E4%BD%BF%E7%94%A8-kiwi 為什麼使用 kiwi？
目前有很多成熟的庫可以幫助前端去做對應的國際化方案，比較知名的有
react-intl
以及
I18N-loader
。這些庫都可以很好的解決代碼中多種語言切換的問題，但是也存在如下沒有解決的問題：
- 文案使用國際化 Key 代替後，難以搜尋，文案不直覺
- 代碼中的中文提取困難
- 無法知道項目中是不是還有未提取的中文文案
而且這些國際化庫并沒有解決下列問題：
- 國際化涉及到多個相關人員，與各個業務方有交流衆多。比如導出翻譯文案給翻譯團隊
而在國際化過程中，在還沒有拿到對應語言文案的時候，相關文案的長度也給 UI 上的調整也給前端增加了很多難度
- 不認識對應語言，或者不知道對應語言的顯示長度，UI 上不知道如何處理 而 kiwi 就是為了解決上述的問題而創造的。
https://github.com/alibaba/kiwi#kiwi-%E8%A7%A3%E5%86%B3%E4%BA%86%E5%93%AA%E4%BA%9B%E9%97%AE%E9%A2%98 Kiwi 解決了哪些問題
kiwi 不僅僅一個軟體國際化的代碼庫，而是國際化從設計到釋出的整個流程的一整套解決方案。
kiwi 整體基于 kiwi-intl 國際化架構，實作與架構無關的語言切換功能。
在開發過程中，使用 kiwi linter 實作中文文案的批量自動提取，同時針對替換後的文案變量，在 VS Code 中顯示對應的中文文案。當然你也可以全局搜尋中文文案，跳轉到對應的代碼，很好的解決了國際化過程中由于中文文案缺失造成的開發體驗問題。
在翻譯過程中，可以使用 kiwi 指令行自動提取未送翻詞彙，整理成 Excel 友善與翻譯同學協作。針對翻譯同學還沒有傳回翻譯文案的期間，可以使用 kiwi 内置的支援 google 以及 多種翻譯平台的自動翻譯腳本，先臨時翻譯成對應語言，節省文案調整時間。
國際化文案翻譯完成後，可以使用 kiwi 的指令行工具，一鍵導入到項目檔案内。
kiwi 還提供了對應 TSLint 的插件，使用 TSLint 在開發過程中實時提醒未抽離文案，以及在代碼送出的時候，攔截未國際化的代碼送出。
https://github.com/alibaba/kiwi#%E8%B0%81%E5%9C%A8%E4%BD%BF%E7%94%A8 誰在使用
- 阿裡巴巴
https://github.com/alibaba/kiwi#%E4%B8%BA%E4%BB%80%E4%B9%88%E5%8F%AB-kiwi 為什麼叫 kiwi？
kiwi 是一種不會飛翔的鳥類🐤，但它善于奔跑，時速可達 10 英裡，它的鼻孔長在喙部的最尖端，具有奇特的嗅覺功能，可以找到距地面 7 英寸土層下的小蟲。kiwi 這個項目也能幫你找到項目國際化過程中的小蟲。
釘釘使用者群