Angular Academy · Ders

Mesajları Çıkarma ve Çevirme

Çeviri dosyaları oluşturup bunları doldurun

Mesajları Çıkarma ve Çevirme, CoddyKit'te ücretsiz bir Angular Academy dersidir. Bu, 4 dersinin 2. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Angular Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Angular Academy kursu toplamda 4 dersten oluşur.

İşaretlenmiş Metinden Çeviri Dosyalarına

Metin i18n ile işaretlendiğinde Angular, her iletiyi bir çeviri kaynak dosyasında toplayabilir. Çevirmenler her hedef dili doldurur ve derleme bu çevirileri yeniden birleştirir. Bu derste çıkarma işlemi ve dosya biçimi ele alınmaktadır.

ng extract-i18n Çalıştırma

ng extract-i18n CLI komutu, uygulamanızı işaretlenmiş iletiler için tarar ve bir çeviri kaynak dosyası yazar (varsayılan olarak messages.xlf).

ng extract-i18n
# generates messages.xlf in the project root

Çıktı Biçimini ve Yolunu Seçme

Biçimi ve hedefi seçebilirsiniz. XLIFF (xlf) varsayılandır; XLIFF 2 ile JSON tabanlı arb de desteklenir.

ng extract-i18n --format=xlf2 --output-path=src/locale

Bir XLF Dosyasının Yapısı

İşaretlenen her ileti, bir source (özgün metniniz) ve çevirmenin doldurduğu boş bir target içeren bir trans-unit olur.

<trans-unit id="homeTitle" datatype="html">
  <source>Welcome to our store</source>
  <target></target>
</trans-unit>

Yerel Ayar Başına Dosya Oluşturma

messages.xlf dosyasını her hedef yerel ayar için bir dosyaya kopyalayın, dosyayı yerel ayar koduna göre adlandırın ve ardından hedefleri çevirin.

src/locale/messages.xlf       # source
src/locale/messages.fr.xlf    # French
src/locale/messages.es.xlf    # Spanish

Çevirileri Doldurma

Çevirmen her boş target öğesini yerelleştirilmiş metinle değiştirir ve Angular'ın hangi kaynakla eşleştiğini bilmesi için aynı id değerini korur.

<trans-unit id="homeTitle">
  <source>Welcome to our store</source>
  <target>Bienvenue dans notre boutique</target>
</trans-unit>

Yer Tutucular Korunmalıdır

Ara değerler <x> yer tutucu etiketleri olarak görünür. Çevirmenler bunları korumalı, ancak hedef dilin dil bilgisine uyması için yerlerini değiştirebilir.

<source>Hello, <x id="INTERPOLATION" equiv-text="{{name}}"/>!</source>
<target>Bonjour, <x id="INTERPOLATION"/> !</target>

Değişikliklerden Sonra Yeniden Çıkarma

İşaretlenmiş metin eklediğinizde veya değiştirdiğinizde ng extract-i18n komutunu yeniden çalıştırın. Özel @@ kimlikleri mevcut çevirileri korur; otomatik oluşturulan kimlikler değişebilir ve yeniden çeviri gerektirebilir.

angular.json Dosyasında Yerel Ayarları Yapılandırma

Her yerel ayarı ve çeviri dosyasını projenin i18n yapılandırması altında kaydederek derlemenin bunları nerede bulacağını belirtin.

"i18n": {
  "sourceLocale": "en",
  "locales": {
    "fr": "src/locale/messages.fr.xlf",
    "es": "src/locale/messages.es.xlf"
  }
}

Eksik Çevirileri Ele Alma

Derlemenin çevrilmemiş iletileri nasıl ele alacağını belirtebilirsiniz: error derlemeyi başarısız kılar, warning günlük kaydı oluşturur ve kaynak metni kullanır, ignore sessiz kalır. Eksikleri yakalamak için CI'da error kullanın.

"options": { "i18nMissingTranslation": "error" }

Çeviri Araçlarıyla Çalışma

XLIFF bir sektör standardıdır; bu nedenle profesyonel çeviri platformları (veya Crowdin ile Lokalise gibi araçlar) çıkarılan dosyayı içe aktarabilir ve tamamlanan çevirileri aynı biçimde dışa aktarabilir.

Hızlı Kontrol

ng extract-i18n ne üretir?

Özet

İşaretlenmiş metni bir trans-unit XLIFF kaynak dosyasında toplamak için ng extract-i18n komutunu çalıştırın. Dosyayı her yerel ayar için kopyalayın, yer tutucuları koruyarak target değerlerini doldurun, yerel ayarları angular.json içinde kaydedin ve eksikleri yakalamak için i18nMissingTranslation ayarını belirleyin. Kararlı @@ kimlikleri, düzenlemeler boyunca çevirileri korur.

Sıkça Sorulan Sorular

“Mesajları Çıkarma ve Çevirme” dersi ücretsiz mi?

Evet — “Mesajları Çıkarma ve Çevirme” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Angular Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Angular Academy kursu toplamda 4 dersten oluşur.

“Mesajları Çıkarma ve Çevirme” dersinde ne öğreneceğim?

Çeviri dosyaları oluşturup bunları doldurun Angular Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

Angular Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te Angular Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 2. dersidir.

“Mesajları Çıkarma ve Çevirme” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu Angular Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her Angular Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

← Angular Academy Sayfasına Dön