什么是 platzidioma
platzidioma 是一个用于多语言显示的 npm 包，支持多种语言的切换以及复数、性别等变量。
安装
你可以通过 npm 安装 platzidioma:
npm install platzidioma
使用
初始化
在使用前，需要先初始化 i18n 配置。此处以使用 i18next 作为框架为例：
-- -------------------- ---- -------
------ ------- ---- ----------
------ - ---------------- - ---- ----------------
------ ----------- ---- --------------
-- -----------
----- --------- - -
--- -
------------ -
-------------- ------ -------
--------- ---------- -------
---------------- ---------- -------
-
--
--- -
------------ -
-------------- --------
--------- ---------------
---------------- --------------
-
-
--
-- --- -------
------------------------------------
----------
-- -- ----------- ---
-------------- -
------------ ------
------- -------------
-
---基本使用
在你的组件中，你可以如下方式使用：
-- -------------------- ---- -------
------ ----- ---- --------
------ - -------------- - ---- ----------------
-------- ------ -
----- - - - - -----------------
------ -
-----
------------------
------
-
-以上代码将在不同语言切换时，自动显示对应语言中 hello_world 这一字段对应的文本。
切换语言
你可以通过以下方式切换语言：
-- -------------------- ---- -------
------ ----- ---- --------
------ - -------------- - ---- ----------------
-------- ------------------ -
----- - ---- - - -----------------
----- ------------ - --- -- -
------------------------------------
--
------ -
------- ------------------------
------- ---------------------------
------- ----------------------
---------
-
-复数形式
在某些语言中，词汇的复数形式变化较为复杂，此时我们可以使用 plural 属性。
-- -------------------- ---- -------
----- --------- - -
--- -
------------ -
--------- ---------- -------
---------------- ---------- -------
-
--
--- -
------------ -
--------- --------------
-
-
--以上代码中，对于英文语言，当 count 为 1 时，则显示 apple，count 大于 1 时则显示 apples。对于中文则只有一种形式。
在你的组件中，你可以如下方式使用：
-- -------------------- ---- -------
------ ----- ---- --------
------ - -------------- - ---- ----------------
-------- ------------ ----- -- -
----- - - - - -----------------
------ -
-----
------------ - ----- ---
------
-
-变量
在某些语言中，名称、性别等变量将会动态替换成用户信息，此时我们可以使用 interpolation 属性。
-- -------------------- ---- -------
----- --------- - -
--- -
------------ -
---------- --------- --------------
----------- ----- --------- ------------
-
--
--- -
------------ -
---------- ------------------
----------- ----------------------
-
-
--以上代码中，{{username}} 和 {{gender}} 都是动态变量。
在你的组件中，你可以如下方式使用：
-- -------------------- ---- -------
------ ----- ---- --------
------ - -------------- - ---- ----------------
-------- ---------- ------- ---- -- -
----- - - - - -----------------
------ -
-----
-------------- - ------- ---- ---
------
-
-以上代码将根据传入的 gender 和 time 显示不同的问候语。
总结
以上就是 platzidioma 的基本使用教程。使用 platzidioma 可以方便地实现多语言功能，大大减轻了前端开发的工作量。
如果你想深入了解 i18n 的使用，可以参考 i18next 官方文档。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056bd881e8991b448e57ec