NPM 包 Globo 使用教程

阅读时长 4 分钟读完

简介

Globo 是一个用于为 Web 应用程序和组件提供全球化语言支持的轻量级库。通过 Globo,你可以轻松地将你的 Web 应用程序和组件本地化到目标市场的不同语言,这将帮助你吸引更多的用户,增长用户数量和增加收入。

安装

使用 NPM 进行安装:

或者,你也可以在你的 HTML 文件中使用 script 标签手动引入:

初始化

在你的应用程序中导入 globo 包,并且按照下面的步骤进行初始化:

-- -------------------- ---- -------
-- -- ----- -
------ ----- ---- --------

-- --- -----
----- ----- - ------------
  -------------- --------
  -------- --------- -------- ---------
  --------- -
    -------- -
      --------- ------- --------
    --
    -------- -
      --------- --------- -- --------
    --
    -------- -
      --------- ---------
    --
  --
---
  • defaultLocale: 默认语言环境。
  • locales: 支持的语言环境列表。
  • messages: 各语言环境的翻译内容。

使用

在 HTML 中使用

为了在 HTML 中使用 globo,你需要使用特殊的 g-text 属性代替普通的文本。

在这个例子中,greeting 是消息的键值,该键值将从消息列表中提取与当前选择的语言环境匹配的文本。

在 JavaScript 中使用

你也可以通过 API 在 JavaScript 中使用 globo,如下所示:

在这个例子中,message() 方法根据当前语言环境和键值查找并返回匹配的文本。

更改当前语言环境

通过使用 globo.setLocale 来更改当前选择的语言环境。

在这个例子中,fr-FR 是你要更改的语言环境的键值。

示例代码

完整的示例代码如下:

-- -------------------- ---- -------
-- -- ----- -
------ ----- ---- --------

-- --- -----
----- ----- - ------------
  -------------- --------
  -------- --------- -------- ---------
  --------- -
    -------- -
      --------- ------- --------
    --
    -------- -
      --------- --------- -- --------
    --
    -------- -
      --------- ---------
    --
  --
---

-- --------
---------------------------------------

-- ------
-------------------------

-- ----------
---------------------------------------

总结

Globo 是一个非常有用的 NPM 包,可以使你的 Web 应用程序本地化到目标市场的不同语言,以便吸引更多的用户,增加用户数量和增加收入。希望这篇文章对使用 Globo 的读者有所帮助。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/5eedc955b5cbfe1ea061235f

纠错
反馈