今天我學(xué)習了VoerkaI18n國際化插件，它是一個適用于Javascript/Vue/React/Solid/ReactNative的國際化全流程解決方案。VoerkaI18n可以幫助我們輕松地實現(xiàn)應(yīng)用程序的多語言支持，使得應(yīng)用程序可以適應(yīng)不同的語言環(huán)境。
比較吸引我的是集成自動翻譯,t(“中華人民共和國萬歲”)這種中文優(yōu)先寫法,而不是t(“hello”)這種
官方文檔

1. VoerkaI18n安裝：

npm install --g @voerkai18n/cli

2. 項目根目錄安裝vue2的插件

npm install @voerkai18n/vue2

3. 根目錄新增目錄src,執(zhí)行命令

voerkai18n init

4. 移動src下生成的languages文件夾到根目錄,刪除src
5. 提取要翻譯的文本

voerkai18n extract

6. 編譯語言包

voerkai18n compile

最后在 main.js 文件中引入了VoerkaI18n，并進行了相應(yīng)的配置：

import { t, i18nScope } from "./languages"
import { i18nPlugin, i18nMixin } from "@voerkai18n/vue2"
Vue.prototype.$t = t
Vue.use(i18nPlugin, { i18nScope })
Vue.mixin(i18nMixin(i18nScope))

• 切換語言
  this.changeLanguage(‘en’) // 或者在模板里changeLanguage(‘en’)

通過以上配置，我成功地集成了VoerkaI18n到我的Vue.js應(yīng)用程序中，為應(yīng)用程序添加了國際化的支持。我很高興能夠?qū)W習并應(yīng)用這樣一個強大的工具，它將為我的應(yīng)用程序帶來更好的用戶體驗。

主要是做一個記錄,避免下次引入時忘記.這樣的流程或許和文檔有些許差異.但是最終成功實現(xiàn)了引入并一鍵切換語言的功能.