1、安裝nodejs
2、安裝ionic和cordova
（1）、配置**映象（參考：
npm install -g cnpm -registry=
（2）、執行命令：npm install -g ionic cordova
3、android sdk 安裝
（2）、解壓 android-sdk_r24.4.1-windows.zip
開啟sdk manager.exe 安裝8.0.0 和6.0.0 sdk platform和sources for android sdk
（3）配置sdk 環境變數
把 %android_home%\platform-tools;%android_home%\tools; 加入到path
檢測是否配置成功。開啟命令列視窗，輸入adb。出現如下圖所示內容則配置成功：
配置完環境變數需要把命令列視窗關掉，否則環境變數配置失效。
4、 安裝gradle-3.3
配置環境變數
把%gradle_home%\bin\; 加入到path中
5、建立demo工程
首先建立乙個專案:ionic start helloworld blank
然後進入專案：cd helloworld
最後編譯執行：
（1）、web瀏覽器：ionic serve
（2）、真機或者虛擬機器
安裝平台：ionic cordova platform add android/ios ; 備註（add 新增平台 rm 是刪除平台）
編譯執行：ionic cordova build/run ios/android --release --prod; 備註 release（正式發布版本） prod （快速開啟）
6、基礎框架
（2）、 npm install
（3）、ionic cordova platform add [email protected]
（4）、ionic cordova run android
7、瀏覽器測試
執行 ： ionic serve
右鍵 google 瀏覽器 在shortcut target 後新增 --args --disable-web-security --user-data-dir
開啟google瀏覽器要用桌面快捷圖示 上面出現黃色橫幅
8、外掛程式
檢視：ionic cordova plugin list
新增: ionic cordova plugin add ***x
刪除: ionic cordova plugin rm ***x
9、啟動頁生成
ionic cordova resources
新增頁面
ionic g page login
ionic cordova plugin add [email protected]
二、ios 編譯和部署
1、開發工具使用idea
2、ionic cordova platform add [email protected]
3、ionic cordova build ios --release --prod;
4、在ios平台下找到.xcodeproj 雙擊
iOS使用ionic實現混合式開發
mac上使用輕量級的ionic進行混合式開發ios應用 看文件是怎樣操作的自己動手豐衣足食。如果還是不會使用繼續往下閱讀。2 安裝好以後輸入 node v 如果出現 node.js的版本說明安裝成功。3 安裝 cordova和ionic 安裝命令 sudo 首先應該安裝好 node.js 略 然後安...
混合式app開發框架
phonegap phonegap的官網位址是 phonegap apicloud apicloud是一款 雲端一體 的移動開發平台，信仰 雲端一體 的理念，重新定義了移動應用開發。apicloud為開發者從 雲 和 端 兩個方向提供api，簡化移動應用開發技術，讓移動應用的開發周期從乙個月縮短到7...
cordova vue混合式開發App
1.建立cordova專案並新增android平台 建立專案指令 cordova create hello com.example.hello helloworld 第乙個hello是cordova自動生成的專案資料夾名稱 第二個com.example.hello我一般填寫公司的名稱，比如 com....