開発者ドキュメント

クイックIonic2CLIリファレンス

Ionic 2 CLI は、私たちのために多くのことを実行し、多くの定型コードを作成する手間を省くことができます。 たとえば、ページやサービスの生成、プロジェクトの実行、エミュレート、ビルド、アプリリソースの生成などです。 必要なコマンドを思い出せないように見えることもあります。 このクイックリファレンスは、最も便利なコマンドのいくつかに役立つはずです。

CLIのインストール

Ionic CLIをまだインストールしていない場合は、npmを使用してインストールします。

$ npm install -g ionic

または糸で:

$ yarn global add ionic

インストールを確認する

info を使用して、Ionic環境とバージョンに関する情報を取得します。

$ ionic info

新しいプロジェクトを開始する

空白のテンプレートを使用して新しいIonic2プロジェクトを開始します。

$ ionic start MyProject blank --v2

使用可能なテンプレートは、タブサイドメニュー、および空白です。 テンプレートが提供されていない場合、プロジェクトはデフォルトでtabsテンプレートを使用します。

プラットフォームの追加

次のように、プロジェクトにターゲットプラットフォームを追加します。

$ ionic platform add android

サービング

serve を使用して、ローカルマシンでアプリを提供します。

$ ionic serve

別のポートでサービスを提供します。

$ ionic serve --port 7777

–lab を使用して、複数のプラットフォームでアプリを並べて表示します。

$ ionic serve --lab

ライブリロードなしで提供:

$ ionic serve --nolivereload

ページとプロバイダーの生成

新しいページを生成します。

$ ionic g page NewPage

サービス(プロバイダー)を生成します:

$ ionic g provider AppLogger

利用可能なジェネレーターを一覧表示します。

$ ionic g --list

プロジェクトの構築

build コマンドを使用して、対象のプラットフォーム用のプロジェクトをビルドします。

$ ionic build

プラットフォーム名を指定して、特定のプラットフォームにのみビルドします。

$ ionic build ios

本番用にビルド:

$ ionic build ios --prod --release

リソースの生成

リソースを使用してアプリアイコンとスプラッシュ画面を生成します。

$ ionic resources

特定のプラットフォームのリソースを生成します。

$ ionic resources android

アイコンだけを生成します。

$ ionic resources --icon

スプラッシュ画面だけ:

$ ionic resources --splash

エミュレート

エミュレーターでアプリを起動します。

$ ionic emulate ios

ライブリロードでエミュレートします。

$ ionic emulate ios --livereload

デバッグモードでエミュレートします。

$ ionic emulate ios --debug

ランニング

接続されたiOSデバイスで実行します。

$ ionic run ios --device

デバッグ情報を使用して実行:

$ ionic run android --debug

本番環境で実行:

$ ionic run android --prod --release

イオンネイティブ

IonicNativeプラグインをプロジェクトに追加します。

$ ionic plugin add cordova-plugin-contacts
モバイルバージョンを終了