npm 包 esn-i18n 使用教程

随着互联网的不断发展,越来越多的网站和应用程序需要在多语言环境中进行开发。为了使开发人员更轻松地处理多语言的问题,各种国际化工具和库应运而生。其中一种常用的包是 esn-i18n,它提供了一种简单但功能强大的方法来处理多语言文本。

esn-i18n 简介

esn-i18n 是一个用于 Node.js 和浏览器的 i18n 库。它是一个简单而灵活的库,可用于本地化需要的任何应用程序。它允许你轻松地加载本地化文本,并自动使用正确的语言版本。

安装 esn-i18n

使用 npm 可以轻松地安装 esn-i18n。在项目目录下,可以使用以下命令:

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

初始化 esn-i18n

安装成功后,我们需要启动 esn-i18n。首先,需要引入 esn-i18n:

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

然后,需要调用 i18n.init 方法:

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

上述代码做了以下几件事:

  1. 设置可用的语言列表;
  2. 设置默认语言;
  3. 设置存放本地化文件的目录;
  4. 设置语言的 cookie 名称;
  5. 设置是否自动重新加载本地化文件。

加载本地化文本

在启动 esn-i18n 后,我们需要加载应用程序中要使用的本地化文件。在本例中,我们将本地化文件存放在 ./locales 目录下,以 en.jsonfr.jsones.json 命名。

为了使用已加载的本地化文件,我们需要使用 i18n.__('message_key') 方法来检索所需的本地化消息。message_key 是在本地化文件中定义的键值,而 i18n.__ 方法将查找对应的已翻译的消息。

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

当我们调用 i18n.__('HELLO') 时,esn-i18n 将获取当前选择的语言和 HELLO 键值。如果在语言文件中定义了 HELLO,则该值将被返回。如果没有,则将返回 HELLO

在我们的示例应用程序中,将 message 变量输出到控制台,可以看到已加载的本地化内容:

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

改变语言

默认情况下,esn-i18n 将使用在初始化时设置的默认语言。如果要更改当前使用的语言,则需要将其保存在 cookie 中:

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

在.cookie 中设置新的语言后,页面将重新加载以加载新的本地化消息。

结论

esn-i18n 是一个很有用的 i18n 库,它对于开发人员来说非常方便和易于使用。本文提供了从安装到加载本地化文本的详细教程,希望能够对读者有所帮助。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/60056c0181e8991b448e5b2e


猜你喜欢

  • npm 包 nuxt-video 使用教程

    在前端开发中,视频播放是一个非常重要的功能。nuxt-video 是一个基于 Vue.js 和 Nuxt.js 的 npm 包,可以快速搭建一个完整的视频播放器,使用户能够更好地体验视频内容。

    3 年前
  • npm 包 vrtigo-aframe 使用教程

    简介 vrtigo-aframe 是一个基于 A-Frame 框架的 npm 包,可用于构建高质量的 VR 应用程序。它提供了许多有用的组件和工具,可简化 VR 应用程序的开发和部署过程。

    3 年前
  • npm 包 cisco-tp-client 使用教程

    前言 Cisco TelePresence (TP) 可以为远程会议提供高质量的语音、视频和数据协作体验。而 cisco-tp-client 是一个 Node.js 的 NPM 包,它允许我们编写 ...

    3 年前
  • npm 包 monasca-grafana-datasource 使用教程

    什么是 monasca-grafana-datasource? monasca-grafana-datasource 是一个针对 Grafana 的插件,它能够连接到 Monasca API,并将监控...

    3 年前
  • npm 包 pokemon-es5 使用教程

    简介 pokemon-es5 是一个能够获取宝可梦相关的数据的 npm包,使用 ES5 语法编写而成。该 npm 包提供了一个全局的 Pokemon 对象,可以在客户端与服务端均可调用。

    3 年前
  • npm 包 react-redux-layout 使用教程

    介绍 react-redux-layout 是一个用于创建灵活可定制化 UI 布局的 React 组件库。它利用了 React 和 Redux 提供的强大功能,支持布局的快速开发和定制。

    3 年前
  • 使用 react-redux-transition-tic-tac-toe npm 包的指南

    在前端开发中,React 算是目前很流行的一种前端框架。而 Redux 又是个优秀的状态管理工具。如果你在开发 React 应用的时候也使用了 Redux 进行状态管理,那么你可能会想到,使用 Rea...

    3 年前
  • npm 包 mvn-packager 使用教程

    前言 在前端开发中,npm 是我们经常使用的包管理器。虽然它非常方便,但却不一定包含所有我们所需的库,有些库可能需要通过其他方式进行安装。本文将介绍一种使用 npm 包 mvn-packager 的方...

    3 年前
  • npm 包 aliq-lib 使用教程

    npm 包 aliq-lib 使用教程 简介 aliq-lib 是一个前端开发中常见的工具库,它包含了一些常用的工具函数,例如格式化时间、url 参数解析等。aliq-lib 使用简便,适合广大前端开...

    3 年前
  • npm 包 blackhawk-middleware 使用教程

    在前端开发中,为了提高效率和代码质量,我们经常会使用一些第三方库或工具。而 npm 包是其中一个非常重要的途径。blackhawk-middleware 就是其中一个值得推荐的 npm 包,它提供了一...

    3 年前
  • npm 包 graphql-dog 使用教程

    随着前端技术的快速发展,GraphQL 作为一种新兴的数据查询语言,得到了越来越多的关注和运用。在使用 GraphQL 的过程中,我们需要依赖一些辅助工具来更加高效地编写查询和数据处理。

    3 年前
  • npm 包 sl-esprima-ast-utils 使用教程

    在前端开发中,我们经常需要处理和操作抽象语法树(AST)。当需要进行 AST 操作时,我们可以借助 npm 包 sl-esprima-ast-utils。本文将为大家详细介绍如何使用该工具包进行 AS...

    3 年前
  • npm 包brsolab-process使用教程

    目录 什么是brsolab-process? 安装brsolab-process 使用brsolab-process 总结 什么是brsolab-process? brsolab-process是...

    3 年前
  • npm 包 dns-rr-validator 使用教程

    简介 dns-rr-validator 是一款可用于验证 DNS 记录中各种 RR(Resource Record)类型的 npm 包,支持的 RR 类型有: A AAAA CNAME MX SRV...

    3 年前
  • npm 包 drag-timetable 使用教程

    在前端开发中,我们常常需要使用日程表展示各种信息。如果能够通过拖拽来调整日程表,则是非常方便的。在这篇文章中,我将介绍一个 npm 包 drag-timetable,可以快速地实现具有拖拽功能的日程表...

    3 年前
  • npm 包 daonomic-interfaces 使用教程

    简介 daonomic-interfaces 是一个基于 TypeScript 的 npm 包,提供了一套 Solidity 合约接口的定义。 通过 daonomic-interfaces,开发者可以...

    3 年前
  • npm包daonomic-sale使用教程

    介绍 daonomic-sale是一个npm包,支持在以太坊区块链上建立ICO。该包的核心功能是提供一个智能合约模板,该模板包含了一些预定义的ICO规则和参数,以及基本的众筹功能。

    3 年前
  • npm 包 daonomic-tests 使用教程

    简介 daonomic-tests 是一个用于测试 solidity 智能合约的 npm 包。它提供了一套完整的测试框架,方便开发者进行智能合约的单元测试和集成测试。

    3 年前
  • npm 包 daonomic-receivers 使用教程

    随着区块链技术的不断发展,越来越多的商业应用开始在区块链上实现。而对于前端开发人员来说,使用区块链技术,我们需要借助于一些工具来与区块链进行交互。本文会介绍一种区块链交互工具——daonomic-re...

    3 年前
  • npm包ionic_pvn_location使用教程

    在前端开发中,经常需要使用定位功能。常用的方法是通过浏览器的Geolocation API来获取用户的位置信息,但是在实际使用中,该API并不稳定。为了让开发者更方便地实现定位功能,出现了许多第三方库...

    3 年前

相关推荐

    暂无文章