i18n-expert
Skonfiguruj i18n w React/Vue, zastąp ciągi znaków kluczami, waliduj parytet lokalizacji
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Umiejętność do pełnej konfiguracji i audytu internacjonalizacji w aplikacjach webowych. Pomaga wybrać odpowiednią bibliotekę (react-i18next, next-intl, vue-i18n), zorganizować pliki lokalizacyjne w formacie JSON, zastąpić twarde ciągi znaków kluczami tłumaczeń, zapewnić parytet między angielskim a chińskim, walidować pluralizację i formatowanie. Obsługuje routing świadomy języka, przełączanie lokalizacji, SEO oraz obsługę RTL.
Jak używać
Określ zakres projektu: potwierdź używaną bibliotekę (React, Next.js, Vue), obecny stan i18n (brak, częściowy, legacy), docelowe języki (domyślnie en-US i zh-CN) oraz format plików lokalizacyjnych (JSON, YAML, PO, XLIFF). Jeśli masz specjalne wymagania dotyczące formalności lub kulturowych różnic, podaj je teraz.
Skonfiguruj bazę i18n, jeśli brakuje: umiejętność wybierze odpowiednią bibliotekę dla twojego frameworka, zainstaluje pakiety, utworzy plik konfiguracyjny i18n, podłączy providera do głównego komponentu aplikacji oraz załaduje zasoby lokalizacyjne.
Zorganizuj strukturę kluczy i pliki lokalizacyjne: ustal schemat nazewnictwa kluczy, utwórz katalogi dla każdego języka, podziel tłumaczenia na moduły (np. common, errors, forms) i zdefiniuj strategię routingu świadomego języka (ścieżka, subdomena lub parametr).
Zastąp ciągi znaków kluczami: umiejętność przeskanuje kod, znajdzie wszystkie twarde ciągi znaków widoczne dla użytkownika i zastąpi je odwołaniami do kluczy i18n, zapewniając spójność w całej aplikacji.
Wygeneruj i waliduj tłumaczenia: wybierz strategię tłumaczenia (AI, profesjonalne, ręczne), upewnij się, że wszystkie klucze istnieją we wszystkich docelowych językach, sprawdź poprawność pluralizacji i formatowania dat/liczb dla każdego języka.
Dodaj przełącznik języka i trwałość: skonfiguruj selektor języka dostępny dla użytkownika, ustaw przechowywanie preferencji (localStorage, cookie lub parametr URL) i przetestuj zmianę języka w całej aplikacji.