Langsys 学习中心
面向将 Langsys 集成到应用中的开发者。实时、持续的本地化——代码中的短语既是键也是默认文本,无需键文件,也无需提取步骤。观看讲解视频,阅读五个核心概念,创建项目,然后选择你的技术栈。
路径
共三站,按此顺序进行。SDK 各页面默认您已完成前两步。
概念
Langsys 背后的理念——短语即键、令牌发现、语言环境存储、键，以及添加语言环境。共五个简短页面，每个页面都配有视频。
第 2 步 · 2 分钟快速入门
创建项目,生成一个写入密钥和一个只读密钥,并将它们接入您的环境变量。
第 3 步选择你的技术栈
六个 SDK，一致的接口。每个页面都从“安装”开始，并结合实时演示介绍该绑定的惯用写法。
前端 — JavaScript
由一个基础 SDK 完成核心工作；每个框架绑定都只是它的一层轻量封装。
TypeScript
与框架无关的基础 SDK——langsys-js-typescript。所有绑定均基于它构建。
React
Hooks 与组件——langsys-js-react。
Vue
组合式函数和组件——langsys-js-vue。
Svelte
存储与组件——langsys-js-svelte。每个基础功能都配有演示片段的页面。
后端——服务端渲染
你的模板在服务器端完成翻译,因此页面送达时已经本地化。
PHP
基础 SDK——langsys/langsys-php。适用于任何 PHP 应用：原生 PHP、框架、后台任务或命令行工具。
Laravel
@t Blade 指令和 t() 辅助函数——langsys/langsys-php-laravel。
指南——服务端渲染
每篇指南都遵循同一种模式——在服务器端获取目录,并据此初始化客户端绑定——这样目录只需获取一次,服务器密钥也始终保留在服务器端。
Next.js
App Router——在服务器组件中获取数据,在 'use client' 中初始化。
Nuxt
Nitro 路由 + useAsyncData 为 Vue 绑定预填充数据。
SvelteKit
+layout.server.ts 加载,使用标准 writable 作为语言区域存储。
发现问题，立即修复
并排对比
React、Vue、Svelte 和原生 TypeScript 基于同一个共享项目同步翻译。
控制台
无需代码的翻译管理器界面:审核、记忆库、组织、额度与计费。
视频
所有演示集于一处——概念教程、逐个 API 讲解的 Svelte，以及翻译管理器。
故障排查
无法翻译的短语、CORS 拦截、静默的只读未命中——症状与解决办法。
在寻找 API 参考和集成指南?请前往 Langsys 文档。