LocalePack
ChromeFirefoxEdgeOperaSafariCWS 列表頁
Vue.jsReact
Next.jsi18nextReact Native
開發者指南成功案例
專為 vue-i18n 打造

適用於以下項目的 AI 在地化: Vue.js 應用程式

上傳你的 vue-i18n JSON 或 YAML,選擇目標語言,一次付費,並下載可直接使用的語系檔。

支援管線複數與 {name} 佔位符
vue-i18n JSON 與 YAML
透明定價
locales/en.json
來源(英文)
{
  "hello": "Hello, {name}!",
  "car": "car | cars",
  "items": "no items
    | one item
    | {n} items"
}
德文(輸出)
{
  "hello": "Hallo, {name}!",
  "car": "Auto | Autos",
  "items": "keine Artikel
    | ein Artikel
    | {n} Artikel"
}
52 種語言

運作方式

三個簡單步驟即可在你的 Vue.js 專案完成在地化。付款後才會開始翻譯——我們會排程任務,並在幾分鐘內產生語系檔。

01

上傳語系檔

拖放你的 vue-i18n JSON 或 YAML 檔案(例如 locales/en.json)。我們會自動偵測管線複數與 {placeholder} token。

02

選擇語言

從 52 種語言中選擇。付款前可先查看依檔案大小與複雜度計算的透明定價。

03

下載

透過 Stripe 一次付費。我們會回傳語系檔,並保留以管線分隔的複數與 {variable} 佔位符。

即時定價示範

透明定價估算器

上傳前就能清楚看到你將支付的費用。最終報價會在上傳後,依檔案複雜度與所選語言計算。

1. 上傳檔案

將 JSON 或 YAML 拖放到這裡

或點擊以瀏覽

vue-i18n 語系檔(JSON 或 YAML)。最大 500KB。

2. 選擇語言

|

已選擇 52 種語言中的 3 種

3. 您的預估

已選擇的語言3

最終價格將於結帳頁面上傳檔案後計算

一次性付款 • 無訂閱

為 vue-i18n 開發者打造

專為 vue-i18n 的管線複數、{placeholder} token 與巢狀訊息物件打造——不是通用的翻譯工具。

管線複數處理

可依目標語言正確處理 vue-i18n 以管線分隔的複數形式,例如「car | cars」與「no items | one item | {n} items」。

{placeholder} 安全性

精確保留 vue-i18n 插值 token,例如 {name}、{count} 以及具名格式化——翻譯後不會出現字串損壞。

支援 JSON 與 YAML

可上傳 JSON 或 YAML 語系檔。我們會偵測格式,並以你上傳的相同格式回傳翻譯。

可直接使用的輸出

下載已準備好的語系檔,適用於 vue-i18n 的 createI18n()—相同結構、已翻譯的內容,直接放進你的專案即可。

平行翻譯

所有語言同時翻譯。多數工作可在 5 分鐘內完成。

一次性付款

無訂閱、無月費。每次工作付一次,永久下載。

vue-i18n 語系檔如何組合在一起

vue-i18n 專案會將語系訊息以 JSON 或 YAML 檔案保存在 locales/ 底下。LocalePack 會為你選擇的每種語言產生相同的結構。

locales/ 資料夾結構

locales/
├── en.json         ← source locale
├── de.json
├── fr.json
├── ja.json
└── ...       (52 locales)

模板中的 $t() 用法

// locales/en.json
{
  "greeting": "Hello {name}",
  "items": "no items | one item
    | {n} items"
}

// In your Vue component
<template>
  {{ $t('greeting', { name: 'Ada' }) }}
  {{ $t('items', 5) }}
</template>

模板 API

$t()

設定

createI18n()

佔位符

{variable}

複數

pipe syntax

為什麼不直接用通用工具?

通用型翻譯工具常會破壞 vue-i18n 的管線複數、{placeholder} 標記,以及巢狀訊息結構。

LocalePack
人工翻譯
通用 TMS
設定時間2 分鐘每種語言數小時30 分鐘以上
成本透明度
巢狀 JSON/YAML 支援
{placeholder} 與複數安全性
速度(52 種語言)< 5 分鐘週小時
最適合Vue.js 與 Nuxt 應用小型專案企業 CMS

成功案例

使用 LocalePack 的真實專案,最多可支援 52 種語言,觸及全球受眾。

AstrologerAI AI astrology app localized into 52 languages

AstrologerAI: an AI astrology app localized into 52 languages

How the AstrologerAI app translated its entire experience into 52 languages with LocalePack — 6.3M tokens for $58.73 — to reach a worldwide audience in their own language.

DevToys.pro developer tools web app localized into 52 languages

DevToys.pro: 400% international traffic growth across 52 languages

How the DevToys.pro web app translated its entire UI into 52 languages with LocalePack — 5.8M tokens for $58.44 — and quadrupled its international organic traffic.

DevToys New Tab Chrome extension localized into 52 languages

DevToys New Tab: a Chrome extension localized UI + store listing in 52 languages

How the DevToys New Tab Chrome extension localized both its in-extension UI and its Chrome Web Store listing into 52 languages to reach a global audience.

The LocalePack site localized into 52 languages with LocalePack

LocalePack localized itself into 52 languages — with LocalePack

We used our own tool to translate the entire LocalePack site into 52 languages — 2.9M tokens for $27.37 — so developers worldwide find us in their own language.

查看所有成功案例

深受 Vue.js 開發者信賴

“我們的 Vue 應用在一個下午就從只有英文變成支援 12 種語言。管線複數與 {name} 佔位符都完整保留。”

Marco S.

全端開發者,Vue SPA

“終於有一個懂 vue-i18n 格式的工具。輸出直接放進我們的 locales/ 資料夾—完全不用手動修正。”

Claire D.

前端工程師,Nuxt 應用

“透明的定價讓我下定決心。在上傳任何語系檔之前,我就先看到了預估費用。”

Jin K.

開源貢獻者

52

支援的語系

100%

佔位符與複數安全

ZIP

可直接使用的輸出

常見問題

關於 LocalePack for vue-i18n 你需要知道的一切。

也提供瀏覽器擴充功能版本:

ChromeFirefoxEdgeOperaSafari

Related developer guides

Deep dives on the formats, APIs and errors behind this page — written for developers, not translators.

vue-i18n locale files: JSON, YAML, pipe plurals, and {named} placeholders

The vue-i18n locale file format — pipe-separated plurals, {named} placeholders, linked locale messages, YAML support, and SFC i18n blocks.

i18next JSON format: namespaces, {{placeholders}}, and _one/_other plurals

A complete reference for the i18next JSON locale format — namespace files, double-brace {{placeholder}} syntax, _one/_other plural keys, nested objects, and how to structure your locales/ folder.

Next.js i18n: next-intl vs react-i18next vs i18next

Practical comparison of the three leading Next.js i18n libraries — App Router support, file format, TypeScript safety, pluralization syntax, and when to pick each one.

Validate messages.json before shipping

How to catch every class of messages.json error before your users do: JSON syntax, missing required fields, missing keys across locales, malformed placeholder syntax, and manifest key mismatches.

Browse all guides →

準備好讓你的 Vue.js 應用程式走向全球了嗎?

一次付款 • 下載語系檔案 • 全球上線

試用 LocalePack
LocalePack
指南隱私權條款支援

© 2025 LocalePack。保留所有權利。

本專案使用以下工具翻譯: LocalePack logoLocalePack