왜 Vue 로컬라이제이션이 짜증나나요
복사-붙여넣기 악몽
de.json, fr.json, es.json을 수동으로 만들면 입력 실수 하나로 앱이 망가질 수 있습니다.
비싼 서비스
Lokalise는 월 $120를 원합니다. Crowdin은 월 $100를 원합니다. 보조 프로젝트용인가요?
손상된 @:linked 참조
vueI18nPage.pain3Desc
작동 원리.
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
경량
이전 → 이후
vueI18nPage.codeSubtitle
이전 (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 개발자를 위해 설계되었습니다
자리 표시자 보호
vueI18nPage.feat1Desc
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.12/1k 문자 | €120/월+ | €100/월+ |
| @:linked 보호됨 | |||
| 설정 시간 | 2분. | 1시간 이상 | 1시간 이상 |
| 구독 필요? |