安裝環境
環境安裝主要為 : NodeJS、Cordova、 ionic
1.Node.js 與 Angular.js
Node
Mac 安裝指令 : brew install node
測試安裝是否成功 : npm
Angular
Mac 安裝指令 : npm install -g @angular/cli
2.Cordova
Mac 安裝指令 :
sudo npm install -g cordova
npm update -g cordova ionic
sudo npm install -g cordova ionic
3.ionic
Mac 安裝指令 : sudo npm install -g ionic
建立新專案
官網 https://ionicframework.com/docs/
Ionic Framework
Mac 安裝指令 : ionic start myproject
Ionic模板
Mac 安裝指令 : ionic start myproject [template_name]
ionic start myproject blank (空白模板)
ionic start myproject tabs (Tab模板)
ionic start myproject sidemenu (Menu模板)
建立android專案
Mac 安裝指令 :
$ cd myApp
$ ionic platform add android
$ ionic build android
$ ionic emulate android
建立ios專案
Mac 安裝指令 :
$ cd myApp
$ ionic platform add ios
$ ionic build ios
$ ionic emulate ios
測試專案
瀏覽器
Mac 安裝指令 :
ionic serve –lab
ionic serve
模擬器或手機
1.添加平台
Mac 安裝指令 :
ionic platform [Platform Name]
ionic build [Platform Name]
ionic emulate [platform name]
2.運行模擬
Mac 安裝指令 :
ionic run [platform name]
