天天看点

🚀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

 如需转载请联系原作者

继续阅读