npm 包 i18next-spreadsheet 使用教程

i18next-spreadsheet 是一款适用于前端应用的本地化工具。它可以让前端开发者使用 Google 表格来管理翻译数据,实现多语言支持。

安装

你可以使用 npm 工具来安装 i18next-spreadsheet。

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

连接 Google 账号并创建表格

  1. 访问 Google Cloud Console 并创建一个新项目。
  2. 在项目的资源管理器中,选择「API 和服务」 -> 「凭据」。
  3. 在创建凭据的页面上,选择 OAuth 客户端 ID 并创建一个新的客户端 ID。
  4. 在创建客户端 ID 的过程中,给予访问谷歌表格的权限。
  5. 在谷歌账户中创建一个表格并复制其 ID。 表格 ID 是在表格 URL 中的一串字符。

使用

  1. 按照上述步骤将 Google 表格 ID 输入到你的代码中。
  2. 扩展你的 i18next 配置来使用 SpreadsheetBackend。
------ ------- ---- ----------
----- -------------- - -
  -- -------- ---
  -------------- --------------------------

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

现在你就可以向你的表格中添加翻译信息了。

示例代码

以下是一个基本的使用示例。这个示例展示了如何从 Google 表格中获取翻译信息。

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

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

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

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

结论

本文介绍了如何使用 i18next-spreadsheet 进行多语言管理。我们强烈建议前端开发者使用此工具来支持他们的多语言需求。

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


猜你喜欢

  • npm 包 @oprasad/observer 使用教程

    前端开发中,我们经常需要监听某个 DOM 元素的变化,例如在数据渲染完毕后,需要处理一些特殊的操作。而且,随着单页面应用的流行,越来越多的页面元素是由 JavaScript 动态生成的,这就给 DOM...

    4 年前
  • npm 包 sharp-brunch 使用教程

    前言 前端的主要工作是使用各种技术栈为用户提供更好的使用体验。其中,图片的处理是非常重要的一项,但是原始图片处理的效率过低,导致了页面加载速度偏慢的问题。因此,我们需要使用一些工具去提高图片处理的效率...

    4 年前
  • npm 包 ngx-nepali-number 使用教程

    如果你的应用需要处理尼泊尔的货币和数字,那么 ngx-nepali-number 可能会成为你的好帮手。ngx-nepali-number 是一个基于 Angular 框架的 npm 包,它提供了一系...

    4 年前
  • npm 包 aws-transcription-to-vtt 使用教程

    在前端开发中,我们常常需要对音频或视频文件进行转换和处理。而 AWS 提供的 AWS Transcribe 服务可以方便地将音频文件转换成文本。不过在实际应用中,我们还需要将这些文本转换成诸如 VTT...

    4 年前
  • npm 包 bs-gestalt 使用教程

    简介 bs-gestalt 是一款 React UI 组件库,它提供了一些常用的 UI 组件,可以帮助前端开发人员快速构建美观、高效的网页界面。该组件库基于 Facebook 的原生组件库 Gesta...

    4 年前
  • npm 包 10xgen 使用教程

    近年来,前端工具的发展非常迅速,使得前端的开发效率提高了不少。其中 npm 是前端开发过程中不可或缺的一个工具,它为前端开发者提供了各种各样的包,可以快速地完成代码开发工作。

    4 年前
  • npm 包 @oprasad/callback 使用教程

    在前端开发过程中,回调函数是非常常见的一种编程方式。例如,您可能需要在 API 回调中获取结果,或者在异步操作完成后运行代码。npm 包 @oprasad/callback 将帮助您更轻松地处理这些情...

    4 年前
  • npm 包 react-apollo-pagination 使用教程

    简介 react-apollo-pagination 是一个方便使用的 React 组件,可与 Apollo GraphQL 客户端一起使用,以实现分页数据的获取和渲染。

    4 年前
  • npm 包 @placeshakr/ui-native 使用教程

    什么是 @placeshakr/ui-native? @placeshakr/ui-native 是一个基于 React Native 的开源 UI 库,提供了一系列常用的 UI 组件和样式。

    4 年前
  • npm 包 @placeshakr/api-domain 使用教程

    前言 随着前端技术的不断发展和更新,一些工具和库也在不断涌现,这些工具和库使前端开发变得更加便捷和高效。其中,npm(Node.js 包管理器)是一个非常重要的工具,它提供了海量的资源供开发者使用。

    4 年前
  • npm 包 @placeshakr/utils 使用教程

    在前端开发中,我们常常需要使用一些工具来简化代码的编写,同时提高工作效率。这时,npm 便是一款非常实用的工具,它能够让我们使用众多的第三方包,其中之一就是 @placeshakr/utils。

    4 年前
  • npm 包 @placeshakr/api-infra 使用教程

    在当今数字化的世界中,API 是使不同系统之间进行通讯交流的重要方式。若您需要快速开发前端应用,@placeshakr/api-infra 可以帮您轻松完成这个过程。

    4 年前
  • npm 包 @placeshakr/ui-web 使用教程

    前言 在前端开发中,使用各种优秀的开源组件可以大大提高开发效率,并且可以避免重复造轮子。 @placeshakr/ui-web 是一个经过优化的、易用性很高的组件库,它支持 React 和 Vue 两...

    4 年前
  • npm包grecaptcha-request使用教程

    介绍 grecaptcha-request是一款基于Google reCAPTCHA v2的npm包,在前端实现验证过程的同时,将请求后端认证的流程也完成。它提供了一种轻松使用reCAPTCHA v2...

    4 年前
  • npm 包 @placeshakr/api-server 使用教程

    在 Web 开发中,构建一个 API 服务器是非常常见的任务。@placeshakr/api-server 就是一个方便的 npm 包,可以帮助我们快速地搭建一个 RESTful 风格的 API 服务...

    4 年前
  • npm 包 fishing-tour 使用教程

    简介 在前端开发中,我们经常需要引用各种各样的第三方库来增强我们的应用。 npm 是一款非常流行的包管理工具,可以让我们方便地找到并安装这些包。在这篇文章中,我们将会介绍一款叫做 fishing-to...

    4 年前
  • npm 包 color-variations 使用教程

    在前端开发中,我们常常需要使用不同颜色的设计元素,例如按钮、背景、文本颜色等等。而要让这些元素在视觉上相互协调,我们需要一些工具来方便地生成颜色变化的方案。本文将介绍一款名为 color-variat...

    4 年前
  • npm 包 ppwd 使用教程

    背景 在进行前端开发时,我们经常需要使用密码工具来生成和管理密码。而在 Node.js 开发中,ppwd 是一款被广泛使用的密码生成 npm 包,功能强大、易于使用。

    4 年前
  • npm 包 n-scraper 使用教程

    1. 前言 随着 Web 应用的不断普及,前端开发的工作也变得越来越复杂。为了提高生产效率和代码质量,使用现成的工具和框架已经成为了前端开发的标配。而 npm 包 n-scraper 就是一个非常实用...

    4 年前
  • npm 包 hgbasm-vscode 使用教程

    介绍 hgbasm-vscode 是一个基于 Visual Studio Code 编辑器的 npm 包,它可以帮助前端开发者更快速、更方便地编写和调试汇编语言代码。

    4 年前

相关推荐

    暂无文章