ホームページ >開発ツール >VSCode >i18n-ally プラグインを使用して国際化を実現する vscode についての簡単な説明

i18n-ally プラグインを使用して国際化を実現する vscode についての簡単な説明

青灯夜游
青灯夜游転載
2021-05-28 10:25:038113ブラウズ

この記事では、翻訳の構築と自動化、および国際化の実現に使用できる vscode プラグイン「i18n-ally」を推奨します。一定の参考値があるので、困っている友達が参考になれば幸いです。

i18n-ally プラグインを使用して国際化を実現する vscode についての簡単な説明

長い間、Vue I18n は国際的な多言語設定を実装するために Vue.js で使用されていました。以前は、ファイルを手動で検索して翻訳を記述する必要がありました。 、これは比較的面倒で複雑でした。

今、私は同僚から非常に便利な vs code プラグイン i18n-ally を知りました。これは翻訳を構築して自動化し、みんなと共有し、自分用の記録も作成できます。

[推奨学習: 「vscode チュートリアル 」、「vue.js チュートリアル 」]

i18n-ally プラグインを使用して国際化を実現する vscode についての簡単な説明

そして, i18n-allyは公式推奨のサードパーティツールで、使い方はとても簡単で、使っている人なら分かると思います。

まず、vs code にプラグイン i18n-ally をインストールします。

i18n-ally プラグインを使用して国際化を実現する vscode についての簡単な説明

2 番目に、これは次のような構成です。

settings.json:

  // 安装插件后可能会自动在工作区生成这行配置
  "i18n-ally.localesPaths": [
    "src/i18n"
  ],
  // 以下需要自己配置
  "i18n-ally.keystyle": "nested",
  "i18n-ally.namespace": true,
  "i18n-ally.enabledParsers": [
    "json",
    "js"
  ],
  "i18n-ally.sortKeys": true,
  "i18n-ally.sourceLanguage": "zh-hans",
  "i18n-ally.displayLanguage": "en-us",

次に、前の内容を追加します。 js ファイルを json 形式に変更すると使用できます。github のドキュメントには多くのデモが記載されているため、ここでは繰り返しません。

プログラミング関連の知識について詳しくは、プログラミング入門をご覧ください。 !

以上がi18n-ally プラグインを使用して国際化を実現する vscode についての簡単な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はsegmentfault.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。