波に従事cordovaするための方法として、ポストHybrid少し小さな認知を持っています。急速な発展のために、ionicそれは間違いなく良い選択ですが、それは、基礎となる通信メカニズムベースのパッケージで、cordova上位その実現に実装UI部品を組み合わせることができますAngularまたはReact使用され、それが将来的にサポートすることを宣言しましたVue。

環境の準備

あなたがインストールしている場合はcordova、インストールだけではionic缶、または一緒にインストールする必要があります。

npm install -g ionic cordova

プロジェクトを作成します。

することでstart、コマンドの新しい作成しionicたプロジェクトを。

ionic start my-app

とを特に参照して、入ってくるテンプレートだけでなく、プロジェクトの種類をサポートできるイオンスタート。

私たちは、基礎を作成するためにここにいるangularのtabsナビゲーションをapp。

ionic start myapp tabs --type=ionic-angular

もちろん、我々はまた、優れたテンプレートから始めることができます。

ionic start myapp super --type=ionic-angular

これにはいくつかの方法を試してみる必要があります。

プロジェクトの実行

実行中のWebブラウザのバージョンで

しようとする際にnpm start呼び出してionic-app-scripts serveプロジェクトを開始、エラーは見つけることができないことがわかった@ionic/app-scriptsモジュールを、モジュールを再インストールしてみてください、node-gypモジュールは、このエラーが報告されました：

Error: Can't find Python executable "python", you can set the PYTHON env variable.

クエリノード-GYP公式申し出後2つのソリューション

Pythonモジュールを見つけることができない問題を解決するために、

私は、最初のシナリオを使用しました。

npm install --global --production windows-build-tools

PS：あなたは、システム管理者モードでコマンドラインを実行する必要があります。

再びそれを再インストールし@ionic/app-scripts、再度プロジェクト、必ず友人を実行します。

npm uninstall @ionic/app-scripts
npm install --save-dev @ionic/app-scripts
npm start

イオン性インターフェース

サポートは、AndroidとiOS

ionic cordova platform add ios
ionic cordova platform add android

Androidのデバッグ

デバイスは、通常の下に接続されているかどうかをまずチェック

D:\robin\frontend\hybrid\ionic\ionic-blog> adb devices
List of devices attached
5fdba1e7        device

使用ionic cliコマンドが実行を提供app

// -l是--livereload的简写
ionic cordova run android -l

注電話で合意した。この時点でことを「継続する」、それ以外の場合は成功しません。インストールが成功し、あなたが成功するためのヒントを見ることができます。

> cordova.cmd build android --device
[app-scripts] [16:05:33]  lint finished in 3.95 s
> native-run.cmd android --app platforms\android\app\build\outputs\apk\debug\app-debug.apk --device --forward 8100:8100 --forward 35729:35729 --forward 53703:53703
[native-run] Selected hardware device 5fdba1e7
[native-run] Forwarded device port 35729 to host port 35729
[native-run] Forwarded device port 8100 to host port 8100
[native-run] Forwarded device port 53703 to host port 53703
[native-run] Installing platforms\android\app\build\outputs\apk\debug\app-debug.apk...
[native-run] Starting application activity io.ionic.starter/io.ionic.starter.MainActivity...
[native-run] Run Successful

イオン性インターフェース