Ionicのインストール

Ionicアプリは、主にIonicのコマンドラインユーティリティを通じて作成および開発されます。Ionic CLIは、開発ツールやヘルプオプションが豊富に用意されているため、推奨されるインストール方法です。また、アプリを実行し、Appflowなどの他のサービスに接続するための主要なツールでもあります。

アプリウィザードをお試しください

アプリウィザードを使用して、Ionicプロジェクトを視覚的に生成します。テンプレート、カスタムカラー、アプリアイコン、JavaScriptフレームワークを選択して、より迅速に構築を開始できます。

ウィザードを開く

Ionic CLIをインストールする

先に進む前に、お使いのコンピュータにNode.jsがインストールされていることを確認してください。Ionicの環境を設定するには、こちらの説明を参照してください。

npmでIonic CLIをインストールする

npm install -g @ionic/cli

以前のIonic CLIのインストールがある場合は、パッケージ名の変更によりアンインストールする必要があります。

$ npm uninstall -g ionic
$ npm install -g @ionic/cli

注意

-gオプションは、グローバルにインストールすることを意味します。パッケージがグローバルにインストールされると、EACCES権限エラーが発生する可能性があります。管理者権限なしでグローバルに動作するようにnpmを設定することを検討してください。詳細については、権限エラーの解決を参照してください。

アプリを起動する

あらかじめ作成されたアプリテンプレートの1つ、またはまっさらな状態から始めるための空白のテンプレートを使用して、Ionicアプリを作成します。最も一般的なスターターは、blankスターター、tabsスターター、およびsidemenuスターターです。ionic startコマンドで開始します。

ionic start

Ionicアプリの起動の詳細については、開始ガイドを参照してください。

アプリを実行する

Ionicアプリ開発の大部分は、ionic serveコマンドを使用してブラウザ内で実行できます。

$ cd myApp
$ ionic serve

アプリを実行する方法は他にも多数ありますが、このワークフローから始めることをお勧めします。デバイスやエミュレーターでアプリを開発およびテストするには、アプリ実行ガイドを参照してください。