Setup
Get Vite running
三步搞定,无需迁移。把它指向你的项目,第一批键就会出现在控制台里。
- Install添加依赖包或配置块。构建中的其他部分都不需要改动。
- Connect your project使用控制台中的 org/project 标识符。键和语言来自那里,而不是来自需要你手动保持同步的本地文件。
- Ship发布一次,每种语言就成为边缘上的一个静态文件。文案改动无需新的部署即可上线。
在你的代码里是什么样子
src/App.tsx
import { BetterI18nProvider, useTranslations } from '@better-i18n/use-intl'
function App() {
return (
<BetterI18nProvider projectId="your-org/your-project" locale="en">
<Welcome />
</BetterI18nProvider>
)
}
function Welcome() {
const t = useTranslations('home')
return <h1>{t('title')}</h1>
}Surface
What Vite gives you
你实际得到的命令、工具和路径。这些名称就是你要敲的东西,不是营销标签。
BetterI18nProvider应用根部的一个 provider 承载项目和当前语言。
useTranslations(namespace)在任何组件中读取一个 namespace。缺失的键在开发环境中可见,不会被静默忽略。
manifest.json语言从项目 manifest 中发现,因此新增一种语言无需改动代码。
cdn.better-i18n.com翻译从边缘节点获取,通过发布来更新,而不是重新部署。
Where it fits
Vite 在 Better 中如何运作
Detect
从代码库中提取源文案,或连接你的 Vite 仓库。键会带着完整的结构和上下文进入 Better。
Review
运行 AI 翻译、指派人工审校,并在任何改动进入生产环境前设置审批关卡。一切都可在同一处审计。
Ship
发布到 CDN 边缘节点,或把翻译推回 Vite。文案改动上线时不会触发新的应用部署。
Built for modern stacks
与你团队已有的工具协同工作——自然融入 CI、评审和边缘交付流水线,不带来沉重的流程负担。
Less operational drift
把翻译更新、评审签核和交付集中在一个流程里,而不是分散在各种独立的工具和脚本中。
Controlled rollout
让翻译发布与代码发版解耦。按你自己的节奇上线文案改动,不必等下一个部署窗口。
Questions