今日は、コンピューターに簡単な小さなアプリケーションを構築するためにIonicをインストールする方法を学びましょう。多くのウェブサイトは、非常に複雑なインストール方法を記述しています。実際、イオン性を学び始めたばかりの初心者、特にプログラミングの経験があまりない人は、彼らは怖がっていますか？どのような種類のnode.js環境がインストールされ、最新バージョンのcordovaをインストールする必要があるかは、非常に複雑に感じます...実際、それほど面倒である必要はありません。私がプロジェクトに取り組んでいるときに、私がイオンをどのように使用するかを教えてください。
最初の方法：直接紹介します
ステップ1：最初にIonicをダウンロードします
Ionicの最新バージョンは、http：//ionicframework.com/docs/overview/#downloadからダウンロードされています。
ダウンロード後、次のディレクトリを含む圧縮パッケージを解凍します。
コードコピーは次のとおりです。
CSS/ =>スタイルファイル
fonts/ => fontファイル
js/ => javascriptファイル
version.json =>バージョンの更新手順
Githubで次のリソースファイルをダウンロードすることもできます：https：//github.com/driftyco/ionic（リリースディレクトリ）。
ステップ2：ファイルを紹介します
次に、上記のディレクトリにプロジェクトにCSS/Ionic.min.cssおよびJS/Ionic.bundle.min.jsファイルを導入して、イオンアプリケーションを作成する必要があります。
<ion-header-bar> <h1> hello world！</h1> </ion-header-bar> <ion-content> <p>私の最初のイオンアプリ。 </p> </ion-content>
注：PhoneGapなどのモバイルアプリケーションでは、対応するJSおよびCSSファイルをリソースライブラリに追加するだけです。
2番目の方法：コマンドラインのインストール
まず、node.jsをインストールする必要があります。次に、コマンドラインツールを介してコルドバとイオンの最新バージョンをインストールします。公式のAndroidおよびiOSドキュメントを参照してインストールします。
ウィンドウでコマンドラインツールを開き、次のコマンドを実行します。
コードコピーは次のとおりです。
$ npmインストール-Gコルドバイオン
Macシステムで次のコマンドを使用します。
コードコピーは次のとおりです。
sudo npmインストール-gコルドバイオン
ヒント：iOSは、Mac OS XとXcode環境の下にインストールして使用する必要があります。
上記の環境をインストールしている場合は、次のコマンドを実行してバージョンを更新できます。
コードコピーは次のとおりです。
NPMアップデート-Gコルドバイオン
または
コードコピーは次のとおりです。
sudo npm update -g cordova ionic
アプリケーションを作成します
Ionicまたは空白のプロジェクトによって提供される既製のアプリケーションテンプレートを使用して、イオンアプリケーションを作成します。
コードコピーは次のとおりです。
$ ionic MyAppタブを開始します
作成したばかりのイオンプロジェクトを実行します
Ionic Toolを使用して（またはCordova経由で直接作成）、作成、テスト、実行します。
Androidアプリの作成：
コードコピーは次のとおりです。
$ cd myapp
$イオンプラットフォームAddroidを追加します
$ Ionic Build Android
$ Ionic Emulate Android
iOSアプリを作成します：
コードコピーは次のとおりです。
$ cd myapp
$イオンプラットフォームはiOSを追加します
$ Ionic Build iOS
$ Ionic Emulate iOS