npm 包 translations-from-spreadsheet 使用教程

AI 编程助手,豆包旗下的编程助手,提供智能补全、智能预测、智能问答等能力,节省开发时间,释放脑海中的创造力,支持 VSCode,点击体验 AI

什么是 translations-from-spreadsheet?

translations-from-spreadsheet 是一款基于 npm 包的前端工具,旨在帮助开发者从 Google Sheet 中导出文本翻译内容到 JavaScript 或 JSON 文件之中。如果你需要构建一个多语言的网站或应用,translations-from-spreadsheet 可以帮你大大提高翻译效率。

安装

使用 npm 命令进行全局安装:

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

若想使用本地版本进行安装,则需在项目根目录中使用以下命令:

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

使用方法

准备翻译表格

首先,在 Google Sheet 中创建翻译文本表格。根据需要,你可以将数据分为不同的工作表并命名,以便更好地进行管理和组织。

获取认证凭据

为确保可以访问 Google Sheet API,我们需要首先获取 API 的认证凭据。请查看 Google Cloud 文档 获取认证凭据。(建议根据平台需求选择认证类型)

获得凭据后,请将其保存到某个文件中。在存储凭据的文件中,需要使用如下 JSON 格式进行保存。

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

请注意,这里的 "private_key" 值应该是一个多行字符串,其中包含了你的私钥。如果你需要使用非常见字符,请使用 Base64 编码。

执行翻译命令

在终端命令行中,使用 translations-from-spreadsheet 命令执行导出操作。以下是使用示例:

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

各参数含义:

  • --spreadsheet-id: 翻译文本表格的 ID。你可以在 Google Sheet 地址中的 docs.google.com/spreadsheets/d/<spreadsheet_id> 查看,或在 Sheet 的 "文件 -> 共享" 中找到共享链接的后缀。

  • --auth-file: 之前保存的认证凭据所在的 JSON 文件路径。

  • --output-dir: 导出文件的输出路径。该路径必须是一个文件夹路径。

  • --format: 导出翻译内容的格式。可以使用以下两种格式之一:

    • js: 将翻译内容导出为 JavaScript 文件。每个工作表都会生成一个文件。
    • json: 将翻译内容导出为 JSON 文件。每个工作表会生成一个 JSON 文件。

我们可以以如下命令执行示例得到一个 testData 目录下的 json 文件

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

恭喜你,现在你已经成功使用了 translations-from-spreadsheet 包,并从 Google Sheet 中导出了文本翻译内容到本地 JSON 文件之中。

使用导出的翻译内容

在导出内容后,按需加载导出的内容即可

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

总结

使用 translations-from-spreadsheet 实现从 Google Sheet 的文本翻译内容导出至 JSON 或 JS 文件中的流程简单且易于操作,同时可以很好地支持多语言网站或应用的开发,提高开发效率。该工具可适用多种语言和领域,帮助开发者更快地实现多语言支持,提供良好的用户体验。当然,此工具减少了复制粘贴的过程,减少输入错误的机会,同时也建立了共享的翻译源管理方式,非常利于团队合作。

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


猜你喜欢

  • npm 包 @stejnar/tabs 使用教程

    随着前端开发技术的不断发展,我们早已不需要手动编写轮播图、选项卡等常见组件了。开源社区中已经有许多高质量的组件库可以选择使用。本篇文章介绍的是 @stejnar/tabs 这个 npm 包,并提供了一...

    2 年前
  • npm 包 glamor-server 使用教程

    在前端开发中,一个好的 UI 设计必不可少,而 CSS 作为 UI 层面的基础,也非常重要。glamor 是一个比较流行的 CSS-in-JS 库,它允许我们在 JavaScript 中书写 CSS,...

    2 年前
  • npm 包 glamor-react 使用教程

    在前端开发中,CSS 是必不可少的一部分。随着 React 技术的兴起,许多与 React 相关的 CSS 处理工具也随之涌现。glamor-react 就是其中之一,它是一个 npm 包,提供了一种...

    2 年前
  • npm 包 glamor-reset 使用教程

    在前端开发中,CSS 样式是不可或缺的一部分。使用类库来重置、统一页面样式能够有效提升前端开发效率。本次介绍的 npm 包 glamor-reset 就是一个非常优秀的 CSS 样式重置类库。

    2 年前
  • npm 包 ts-immutable-struct 使用教程

    前言 ts-immutable-struct 是一个 TypeScript 库,它提供了一个结构体的类型定义语法,使得 TypeScript 中的数据模型能够更加直观和安全。

    2 年前
  • npm 包 aurelia-loader-systemjs 使用教程

    前言 aurelia-loader-systemjs 是一个用于加载 JavaScript 代码的 npm 包。它是 Aurelia 框架的一部分,主要用于在应用程序中动态加载代码。

    2 年前
  • npm 包 rsafe-material-icons 使用教程

    什么是 rsafe-material-icons rsafe-material-icons 是一个轻量级的前端 npm 包。它提供了丰富的 Material Design 风格的图标,可供开发人员在自...

    2 年前
  • npm 包 glamor-utils 使用教程

    前言 在前端开发中,我们经常需要编写大量的样式代码,这给我们带来了很多麻烦。为了解决这一问题,许多前端工程师都使用了各种 CSS 预处理器,如 SASS、LESS 等,它们可以让我们更加便捷地编写样式...

    2 年前
  • npm 包 semantic-types 使用教程

    在前端开发过程中,我们经常需要使用类型定义来明确代码中变量、函数、类等的类型。然而,在 JavaScript 中,类型定义并不像其他静态语言一样可以在代码中直接声明,而需要使用一些工具来实现。

    2 年前
  • npm 包 glamor-styled 使用教程

    什么是 glamor-styled glamor-styled 是一个基于 React 组件库的 npm 包,其主要作用是让开发者可以通过定义 CSS 样式来快速构建复杂的用户界面。

    2 年前
  • npm包 constant.js 使用教程

    引言 在前端开发中,经常使用一些常量,比如颜色,宽高,字体大小等等。这些常量虽然简单,但是重要性却不容忽视。我们需要保证这些常量的值是唯一的,方便我们在开发过程中进行维护和修改。

    2 年前
  • npm 包 ls-require 使用教程

    在前端开发过程中,我们经常需要使用到各种 npm 包来实现各种功能。如果没有好的工具来管理这些包,我们可能会陷入使用过多或重复包的困境,从而导致项目变得臃肿而难以维护。

    2 年前
  • npm 包 rizu-ui 使用教程

    rizu-ui 是一个用于构建前端界面的 npm 包,它提供了许多可重用的 UI 组件和功能模块,可以大大简化前端开发的过程。本文将介绍如何从 npm 安装和运用 rizu-ui 包,以及一些常见的使...

    2 年前
  • npm 包 zenn-css 使用教程

    在前端开发中,我们经常会使用一些 CSS 框架或者 UI 库来帮助我们快速构建页面。其中一款名为 zenn-css 的 npm 包提供了一些简洁明了的样式和组件,让我们能够快速搭建页面并提高开发效率。

    2 年前
  • npm 包 async-await-error-handling 使用教程

    在前端开发中,尤其是在异步操作中,错误处理非常重要。Javascript 中的 Promise 对象已经解决了异步操作中的许多问题,但是 Promise 对象的错误处理相对来说还是有点麻烦。

    2 年前
  • npm 包 async-actors 使用教程

    简介 async-actors 是一个基于事件驱动的异步编程方案。它通过定义多个 Actor(角色),让程序逻辑更加清晰明了,提高代码的可读性和可维护性。 async-actors 依赖于 async...

    2 年前
  • npm 包 ts-react-struct 使用教程

    前言 在前端开发中,React 已经成为一种非常流行的框架。而随着 Typescript 在前端中的应用越来越广泛,我们需要一种能够让我们更加高效地在 React 组件中使用 Typescript 的...

    2 年前
  • npm 包 vue-ui-swipe 使用教程

    介绍 vue-ui-swipe 是一个基于 Vue.js 和 Hammer.js 的轮播组件,它支持左右滑动和点击操作,并且可以自定义样式和传入内容。 该组件可以方便地应用于移动端开发,提高用户的使用...

    2 年前
  • npm 包 Globbit 使用教程

    npm 包 Globbit 使用教程 Globbit 是一个 npm 包,提供了高效和易于使用的文件和文件夹路径匹配解决方案。使用 Globbit 可以快速地查找和筛选需要的文件或文件夹。

    2 年前
  • npm 包 mytosis-leveldb 使用教程

    介绍 mytosis-leveldb 是一个基于 Node.js 和 LevelDB 的 npm 包,能够实现快速、可靠的数据存储和检索。 安装 使用 npm 安装: --- ------- ----...

    2 年前

相关推荐

    暂无文章