Ionic紹介

1448 ワード

1.Ionicの紹介
ionicはAngualr,Cordovaに基づく強力なHTML 5モバイルアプリケーションフレームワークであり、プラットフォーム間でのモバイルアプリケーションを迅速に作成することができます.モバイルApp、モバイル端末WEBページ、微信公衆プラットフォーム応用、ハイブリッドApp、WEBページを迅速に開発できる
2.IonicとCordova,Angualrの関係
Ionic=Cordova+Angualr+Ionic css Ionicは、GoogleのAngularフレームワークに完全に基づいており、Angualrベースでいくつかのパッケージを作成し、モバイルプロジェクトをより迅速かつ容易に開発することができます.Ionic呼び出しオリジナル機能はCordovaに基づいており、CordovaはJavaScript呼び出しNative機能を提供し、Ionic自身もきれいなcss UIライブラリをカプセル化している.
3.Ionic開発ツールの紹介
(1).webstrom (2).Visual Studioコード(推奨)
4.Ionicのインストール運転
1.nodejs 2をインストールする必要がある.npm install-g cordova ionic 3をインストールします.プロジェクトの作成:ionic start myApp tabs/blank/sidemenu 4.cdからさっき作成したプロジェクトcd myApp 5.プロジェクトを実行するには
5.Ionicインストールに失敗した場合はどうしますか?
1.自分のnodejsバージョンを確認する2.cnpmのインストール
   npm install -g cnpm --registry = https://resistry.npm.taobao.org
        npm  cnpm  

3.cnpm install -g cordova ionic
6.Ionic3.xディレクトリ構造分析
1.mode_modules:node各種依存パッケージ2.resource:android/iosリソース(アイコンと起動ページ)3.src:開発作業ディレクトリ、ページ、スタイル、スクリプト、画像をこのディレクトリの下に置く.www:静的ファイル5.platforms:androidまたはiosインストールパッケージパス6を生成する.plugins:プラグインフォルダ.中には各種cordovaが取り付けたプラグイン7が配置されている.config.xml:appにパッケージされたプロファイル8.package.json:プロジェクトのメタデータの構成とプロジェクトの管理に必要な依存9.tsconfig.json:Typescriptプロジェクトのルートディレクトリで、このプロジェクトをコンパイルするためのルートファイルとコンパイルオプション10を指定します.tslint.json:typescriptのフォーマットと検証
7.プロジェクトのコンパイル
ionic cordova platform add browser ionic build browser --prod --release