Skip to main content
Version: v7

Ionic VS Code Extension

Ionic Visual Studio Code 拡張は、Ionicアプリの開発に共通するさまざまな機能を、VS Codeのウィンドウを開いたまま実行できるようにします。 Visual Studio Marketplace上の拡張機能 をインストールすることができます。エクステンションをインストールすると、アクティビティバーにIonicのロゴが表示されるようになります。

新規プロジェクトの作成

空のディレクトリから、テンプレートオプションの1つをクリックし、アプリ名を指定することで、新しいAngular、React、またはVueプロジェクトを作成することができます。

Video of creating a project

新しいプロジェクトを作成すると、拡張機能は package.json にあるすべての共通タスクにアクセスできるようになります。

Capacitor の追加

Capacitor をアプリケーションに追加するには、"Integrate Capacitor "を選択します。

Capacitor追加のビデオ

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 をご確認ください。