← 学习
视频
每个演示剪辑都配有完整讲解。其中大多数还附在它所讲解的章节之上——每个视频下方的链接会带您前往对应章节。请先看概述视频,然后按顺序观看概念系列,其余的可作为参考随时观看。
从这里开始
Langsys 是什么、一次完成全部设置，以及每种语言都需要的一个理念——扁平句子。
观看 · 1:17 Langsys 是什么? 应用中的 SDK 加上托管的翻译管理器：短语如何在运行时自动注册、译文从何而来，以及一篇在 09:00 发布的博客文章，如何让马德里的读者在 09:03 就读到西班牙语版本——无需构建，也无需写入密钥。 在页面上: /learn 观看 · 4:13 从头到尾快速上手 创建项目及其语言区域，生成读写密钥，安装并初始化 SDK，然后观察 t()、<Translate>、<Phrase> 和 <DontTranslate> 如何注册各自的短语，以及应用如何无需重新加载就切换为西班牙语和法语。 在页面上: /learn/quickstart 观看 · 1:14 复数处理 为什么句子会随数字而变化，为什么用来解决这个问题的 if (count === 1) 其实是把英语语法写进了您的代码，以及如何通过将句子写成扁平形式，在每种语言中获得所有分支。 在页面上: /learn/concepts/locale-store 概念学习路线
五个简短的模块，按顺序排列，后一个以前一个为基础。画面中没有特定于 SDK 的语法——相同的视频内容同样对应“概念”页面。
Svelte 逐个 API 详解
针对 langsys-js-svelte 的每个基础功能各用一段演示。其他绑定的接口相同，区别只在于语法。
观看 · 1:00 Svelte：完整演练 其他 i18n 方案会让你时刻保持同步：一次调用、一次语言切换，以及为什么对一半用户来说统一的西班牙语是错误的，还有 ICU select 如何解决这个问题。 在页面上: /learn/sdk/svelte 观看 · 1:09 t(phrase, category, params) 从密钥文件的问题讲起,然后介绍三个参数、ICU 占位符和复数形式。 在页面上: /learn/sdk/svelte 观看 · 1:06 <Phrase> 一个内含标记的句子,如何作为一个短语保留,以及其参数为何写作 %name%。 在页面上: /learn/sdk/svelte 观看 · 1:04 <Translate> 一个标签即可注册整个区域,以及为什么内容块胜过逐行调用。 在页面上: /learn/sdk/svelte 观看 · 0:34 <DontTranslate> 品牌名称和标识符原样保留，无需将其从句子中提取出来。 在页面上: /learn/sdk/svelte 观看 · 0:42 内容块 什么是内容块——作为一个整体注册的区块，仍由可单独复用的短语组成。 在页面上: /learn/sdk/svelte 观看 · 0:34 类别 为什么 i18n 要发明键,以及用什么来取代它们——同一个词,两种含义,以及由此拆分出的配对。 在页面上: /learn/sdk/svelte 观看 · 0:39 性别一致 其他 i18n 方案留在你组件里的条件判断,以及 Langsys 生成的分支代码。 在页面上: /learn/sdk/svelte 观看 · 1:07 属性 看看只翻译了一半的表单在用户眼中是什么样子,以及一个 <Translate> 如何在同一轮处理中覆盖占位符、替代文本和 aria 标签。 在页面上: /learn/sdk/svelte 观看 · 0:46 数字与日期 按 CLDR 处理数字和日期——为什么分组是一种格式而不是分隔符,以及为什么订单号必须以字符串形式传递。 在页面上: /learn/sdk/svelte 翻译管理器
app.langsys.dev，无需任何代码——适合负责文案、语言、密钥和账单的人员。
观看 · 3:02 管理翻译 单独使用管理器，适合负责文案的人员：修正机器初稿、更新记忆库、通过自动下一条处理队列中的 AI 翻译、不翻译，以及仅受邀负责西班牙语的译员。 在页面上: /learn/dashboard 观看 · 2:47 翻译记忆库 第二个项目一创建就已经内容齐全——修正后的购物车文案连同作者徽章一并沿用,无需调用任何模型。在整个组织范围内,每种语言的每个句子只保留一条记录。 在页面上: /learn/dashboard 观看 · 2:24 AI 翻译器设置 标签页上的每个开关都有演示：按项目自定义、使用 AI 翻译、自动翻译开启与关闭，以及自动检测如何处理已经是西班牙语的短语。 在页面上: /learn/concepts/keys-and-environments 观看 · 1:49 添加语言 为在线项目添加德语:策略设为先询问,对话框精确估算现有目录的费用,商店切换为德语,无需任何构建或部署。 在页面上: /learn/concepts/adding-a-locale 观看 · 1:30 补齐某种语言的翻译 管理器针对落后语言的批量操作——先对单个语言环境执行“AI 翻译待处理项”，再对整个项目执行。 在页面上: /learn/concepts/adding-a-locale 观看 · 1:38 翻译内容块 Manager 中作为一个整体的 <Translate> 区域:原文与未翻译的意大利语并排显示,AI 翻译逐段填充,其中一段由人工改写,而 <DontTranslate> 句子则被保留不翻译。 在页面上: /learn/concepts/token-discovery 观看 · 1:30 生产环境中的 API 密钥 密钥上线之后：包含一整周真实读取记录的“活动”页面、在不删除的情况下暂停密钥，以及现场演示密钥轮换。 在页面上: /learn/concepts/keys-and-environments 观看 · 1:48 一个组织,多个项目 组织是每个项目的起点:默认语言区域、AI 翻译器和账单设置,以及切换回继承这些设置的项目。 在页面上: /learn/dashboard 观看 · 2:22 用量与额度 两个计量指标以及项目如何获得资金:按套餐计算的 API 用量、预付额度和免费额度、向项目划转、项目的每月上限以及自动充值。 在页面上: /learn/dashboard 观看 · 1:26 套餐与支付 浏览已有的各项信息:套餐和结算周期、更改套餐、付款方式、地址和发票——所有对话框均已取消。 在页面上: /learn/dashboard 观看 · 1:13 通知 收件箱及其筛选器，然后是按应用内和电子邮件设置的账户默认值，以及开启后再关闭的项目级覆盖设置。 在页面上: /learn/dashboard 观看 · 1:47 连接你的 AI 助手 通过托管的 MCP 服务器在 AI 助手中使用 Langsys:claude mcp add、“授权访问”界面、关于店铺语言的真实回答,以及在“安全”中撤销连接。 在页面上: /learn/dashboard 这些剪辑由 langsys-demo-videos 母版渲染，并发布在 langsys-demos 仓库中——每个 SDK 页面在 StackBlitz 中打开的正是同一批演示应用。
