ionicDemoノート-Todo List(1)
最近angularjsを勉強していますが、web開発ではデータバインドの利便性とコードの規範性が非常に爽快に使われています.
AndroidとIosマルチプラットフォームを生成するためのIonicframeworkというhybrid開発フレームワークを発見するまで、angularjsをベースに、その練習をするつもりでした.
くだらないことはあまり言わないで,まずソースバッグに入れなさい.
http://share.weiyun.com/5e2eadb2bc2c4996d814a06fd6b94de9
IonicはNodejsをインストールしてから、次のコマンドでIonicをインストールする必要があります.
cdから指定されたディレクトリへ、次のコマンドを使用してプロジェクトを作成します.
2種類のテンプレートがある
Tabナビゲーション
SideMenuナビゲーションの
次に、次のコマンドを実行します.
release版の
君はいる
フォルダの下に生成されたApkが見つかりました
ブラウザのテストが必要な場合
myAppディレクトリで、
ブラウザが開き、ページが開きます.
これはChromeの効果です
AndroidとIosマルチプラットフォームを生成するためのIonicframeworkというhybrid開発フレームワークを発見するまで、angularjsをベースに、その練習をするつもりでした.
くだらないことはあまり言わないで,まずソースバッグに入れなさい.
http://share.weiyun.com/5e2eadb2bc2c4996d814a06fd6b94de9
IonicはNodejsをインストールしてから、次のコマンドでIonicをインストールする必要があります.
$ npm install -g cordova ionic
cdから指定されたディレクトリへ、次のコマンドを使用してプロジェクトを作成します.
$ ionic start myApp blank
2種類のテンプレートがある
Tabナビゲーション
$ ionic start myApp tabs
SideMenuナビゲーションの
$ ionic start myApp sidemenu
次に、次のコマンドを実行します.
$ cd myApp
$ ionic platform add android
$ ionic build android
release版の
$ ionic build android --release
君はいる
myApp\platforms\android\ant-build
フォルダの下に生成されたApkが見つかりました
ブラウザのテストが必要な場合
myAppディレクトリで、
$ ionic serve
ブラウザが開き、ページが開きます.
これはChromeの効果です