Ionic VS Code Extension
Ionic Visual Studio Code 拡張は、Ionic アプリの開発に共通するさまざまな機能を、VS Code のウィンドウを開いたまま実行できるようにします。 Visual Studio Marketplace 上の拡張機能 をインストールすることができます。エクステンションをインストールすると、アクティビティバーに Ionic のロゴが表示されるようになります。
新規プロジェクトの作成
空のディレクトリから、 テンプレートオプションの 1 つをクリックし、アプリ名を指定することで、新しい Angular、React、または Vue プロジェクトを作成することができます。
![Video of creating a project](https://user-images.githubusercontent.com/84595830/159510276-6766a5b8-132d-4284-a3fa-cd6374d64891.gif)
新しいプロジェクトを作成すると、拡張機能は package.json
にあるすべての共通タスクにアクセスできるようになります。
Capacitor の追加
Capacitor をアプリケーションに追加するには、"Integrate Capacitor "を選択します。
![Capacitor追加のビデオ](https://user-images.githubusercontent.com/84595830/159510570-b5a151bb-2e17-42c8-8cab-bffbaa849576.gif)
Capacitor が統合され、"Run On Web", "Run On Android", "Run On iOS "のオプションで、Web, Android, iOS 上でアプリを実行することができるようになりました。
Doing More
Ionic VS Code 拡張は、マイグレーション、デバッグ、モノレポのサポートなど、非常に多くのことを支援します。拡張機能の全リストは、extension overview on the VS Code Marketplace をご確認ください。