天天看點

🚀HeyUI完成國際化支援啦🌏🇨🇳🐼

距離上一次的TextEllipsis兩周,終于又要迎來一次大的變動了。

是的,我終于把HeyUI的國際化寫完了,還順便把整個網站翻譯了一遍。

總之,花費大半個月的時間。

, 默默回首我的端午假期.....

英文版官網

首先,我們已經有了英文版的系統啦。

戳我去看看

🇨🇳HeyUI國際化

HeyUI預設使用中文,如果需要使用其他語言,或者你需要修改一些表述方式,也可以參考下面的配置修改。

設定系統的語言

import Vue from 'vue';
import HeyUI from 'heyui';
import en from 'heyui/dist/locale/en-US';

Vue.use(HeyUI);
HeyUI.locale(en);           

使用vue-i18n

import Vue from 'vue';
import HeyUI from 'heyui';
import VueI18n from 'vue-i18n';
import en from 'heyui/dist/locale/en-US';
import zh from 'heyui/dist/locale/zh-CN';

Vue.use(HeyUI);
Vue.use(VueI18n);
const messages = {
  en: Object.assign({ message: 'hello' }, en),
  zh: Object.assign({ message: '你好' }, zh)
};
const i18n = new VueI18n({
  locale: 'zh',  // set locale
  fallbackLocale: 'en',
  messages  // set locale messages
});

// init i18n with heyui
HeyUI.i18n(i18n);

// change language
// vue file
this.$i18n.locale = 'en';
// or
i18n.locale = 'en';


           

最後

其實,整個網站的翻譯都是我一個人翻譯的(使用工具的)。

如果覺得哪裡翻譯的不好,非常歡迎你的

issue

希望越來越多的人支援我們的項目:

期待大家的star

⌛下一步

HeyUI元件庫,目前來說,整體功能已經很穩定了。

下一步就是補充系統的測試用例。

希望有一個能夠覆寫全面的測試用例,用來支撐系統未來開發維護的穩定性。

加油!

原文釋出時間為:2018年06月27日

本文作者:vvpvvp

本文來源:

掘金 https://juejin.im/post/5b38d27451882574d87aa5d5

 如需轉載請聯系原作者

繼續閱讀