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

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

青灯夜游
リリース: 2021-06-07 11:30:50
転載
8014 人が閲覧しました

この記事では、翻訳の構築と自動化、および国際化の実現に使用できる 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 までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート