【Ionic】プロジェクトの作成(コマンド)

Cordova + Ionicでプロジェクトを作成する方法についてコマンド付きでまとめました。

【コマンド】プロジェクトの作成

Cordova + Ionicでプロジェクトを作成していきます。

① 「コマンドプロンプト」もしくは「ターミナル」を開き、以下のコマンドを実行します。

$ ionic start プロジェクト名 blank --v3
補足
1 プロジェクト名は英数字
2 最も簡素なテンプレート「blank」を使用
3 左サイドメニューが付いているテンプレート「sidemenu」、画面下にナビゲーションバーが付いている「tabs」も有

② いくつか設定を聞かれますが、次のように回答します。

質問 回答
Try Ionic 4? n
Would you like to integrate your new app with Cordova to target native iOS and Android? n
Install the free Ionic Pro SDK and connect your app? n
Install the free Ionic Pro SDK and connect your app? n

③ cdコマンドで、作成したプロジェクトのディレクトリに移動します。

$ cd プロジェクト名

④ 以下のコマンドで、デフォルトブラウザが自動で起動し、アプリを表示します。

ionic serve

※自動でブラウザが起動し「http://localhost:8100」にアクセスします。
ページに表示されているのがアプリの画面です。

【Android】プラットフォームの追加

① cdコマンドでプロジェクトフォルダに移動します。

cd プロジェクト名

② Android プラットフォームを追加します。

ionic cordova platform add android
関連記事
1 【Ionic入門】Androidアプリ開発編
関連記事