为什么 Vue 本地化让人头痛
复制粘贴的噩梦
手动创建 de.json、fr.json、es.json。一次输入错误 = 应用程序崩溃。
昂贵的服务
Lokalise 每月 120 美元。Crowdin 每月 100 美元。只是一个副项目？
@:linked 引用损坏
Google Translate 会破坏 @:message.key 和 {named} 占位符。
工作原理
3 步骤。2 分钟。完成。
1
上传 JSON
上传你的 en.json 或 locales/en.json
2
选择语言
有 29 种可用语言。德语、法语、日语…
3
下载
为你的 /locales 目录获取 de.json、fr.json、es.json。
与 Vue i18n 生态系统兼容
vue-i18n
Vue 2 和 Vue 3
@nuxtjs/i18n
Nuxt 模块
@intlify/nuxt3
Nuxt 3
petite-vue-i18n
轻量级
之前 → 之后
@:linked 引用， {name} 占位符和复数形式将保持不变
之前 (locales/en.json)
// locales/en.json
{
"message": {
"hello": "Hello {name}!",
"linked": "@:message.hello World",
"count": "{n} item | {n} items"
},
"nav": {
"home": "Home",
"about": "About Us"
}
}之后 (locales/de.json)
// locales/de.json
{
"message": {
"hello": "Hallo {name}!",
"linked": "@:message.hello Welt",
"count": "{n} Artikel | {n} Artikel"
},
"nav": {
"home": "Startseite",
"about": "Über uns"
}
}为 Vue 开发者打造
占位符保护
保护 {name}、@:linked、$t() 引用。您的应用程序仍将正常工作。
Vue 2 + Vue 3 + Nuxt 3
支持所有 vue-i18n 版本。JSON 结构保持原样。
2 分钟，而不是 2 小时
上传 → 选择语言 → 下载。在 npm install 之前完成。
翻译记忆 = 90% 的节省
已翻译的字符串将被重复使用。更新几乎不花费。
对 Vue i18n 的完整支持
占位符 {named}
@:已链接的消息
管道式复数化（|）
$t() 和 $tc() 引用
嵌套的消息结构
数字格式化
日期/时间格式化
修饰符 (@.upper, @.lower)
为什么不使用 Lokalise/Crowdin？
| shipglobal | Lokalise | Crowdin | |
|---|---|---|---|
| 价格 | €0,05/1k 字符 | $120/月起 | $100/月+ |
| @:已保护的链接 | |||
| 设置时间 | 2 分钟 | 1+ 小时 | 1+ 小时 |
| 需要订阅吗？ |