Darmowe narzędzie

    Edytor i formatowanie wiadomości Vue I18n

    Twórz i testuj wiadomości Vue I18n z liczbą mnogą oddzielaną pionową kreską, formatowaniem nazwanym {name} i połączonymi wiadomościami @:key.

    Szablony10
    VUE-I18N Edytor
    Prawidłowa składnia
    34 znaków1 wierszy

    Zmienne testowe i podgląd na żywo

    Dostosuj zmienne i zmień język, aby zweryfikować reguły CLDR

    Język:
    Wygenerowany wynik (en):
    Hello Lucas, welcome to Vue i18n!
    Eksportuj do deklaracji Intlayer z kontrolą typów
    import { type Dictionary } from 'intlayer';const convertedMessageContent = {  key: 'converted-message',  content: 'Hello {{name}}, welcome to Vue i18n!',} satisfies Dictionary;export default convertedMessageContent;
    Intlayer sprawdza poprawność tłumaczeń w czasie kompilacji z pełnym autouzupełnianiem TypeScript.

    Vue I18n Syntax Cheat Sheet

    Szybkie reguły składni i mapowanie wzorców na deklaracje Intlayer

    FunkcjaSkładniaPrzykładUwagiOdpowiednik w Intlayer
    Named Formatting{variableName}Hello {name}!Single braces for named parameters{{name}}
    List Formatting{0}, {1}, ...Hello {0} and {1}Index-based positional arguments{{0}} or named variables
    Pipe Pluralizationno items | 1 item | {n} itemsno apples | 1 apple | {n} applesPipes separate 0, 1, and plural formsplural({ 0: "no apples", 1: "1 apple", other: "{{count}} apples" })
    Linked Messages@:path.to.messageHome of @:brand.nameReferences other messages in the dictionaryTypeScript object references
    Literal Interpolation{'literal'}{'hello'} {name}Single-quoted literal inside bracesLiteral strings
    Architektura Intlayer oparta na kompilatorze zastępuje złożone parsowanie w czasie wykonywania bezpieczeństwem typów w czasie kompilacji.
    Ekosystem Intlayer

    Nigdy więcej nie martw się skomplikowaną składnią

    Intlayer zmienia internacjonalizację w przyjemne doświadczenie programistyczne dzięki bezpieczeństwu typów w czasie kompilacji, automatycznej ekstrakcji i integracji z CMS.