Ionic環境配置文檔
- 安裝java jdk 環境
下載地址：
http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
說明：
記住安裝地址，隨後配置環境變量：右鍵我的電腦—屬性—高級系統變量—環境變量
- 新建系統變量
變量名：Java_Home
變量值：C:\java\JDK1.7 （JDK的實際安裝路徑）
2)編輯原有的系統環境變量Path，在該變量值的頭部加上以下路徑值：
;%Java_Home%\bin
- 安裝 android sdk 環境（或者選擇安裝android studio）
下載地址：https://android-sdk.en.softonic.com/
說明：隨後進入系統環境變量（與1.一致）
1)新建系統變量
變量名：ANDROID_SDK_HOME
變量值：C:\Users\Lenovo\AppData\Local\Android\Sdk（SDK的實際安裝路徑）
2)編輯原有的系統環境變量Path，在該變量值的頭部以下路徑值：
；%ANDROID_SDK_HOME%\platforms;%ANDROID_SDK_HOME%\tools;%ANDROID_SDK_HOME%\platform-tools
- 安裝node.js
參考網址：http://www.runoob.com/nodejs/nodejs-install-setup.html
說明：傻瓜式安裝， 接着進入cmd控制檯，在哪個路徑下都可以，輸入以下命令檢測是否安裝成功：
node -v
- 安裝cnpm
參考網址：http://www.runoob.com/nodejs/nodejs-npm.html
說明：上一步安裝node.js時已經默認安裝了npm，但是國內直接使用 npm 的官方鏡像是非常慢，推薦使用淘寶 NPM 鏡像，進入cmd控制檯輸入以下命令即可安裝cnpm
npm install -g cnpm--registry=https://registry.npm.taobao.org
- 安裝gradle
參考網址：https://gradle.org/install
安裝方法：
- 選擇安裝包下載
- 在隨意一個盤創建文件夾，解壓剛纔下載的包
- 在系統環境變量path變量中加入剛剛解壓的gradle的路徑，到bin這一層
- 打開cmd控制檯輸入以下命令檢查是否安裝成功，成功會提示版本號
gradle -v
- 使用ionic（負責頁面實現）
參考網址：http://ionicframework.com/docs/intro/installation/
說明：
- 安裝ionic 和 cordova (-g表示全局安裝，在哪個路徑下使用該命令都可以)
cnpm install -g ionic cordova
- 啓動一個ionic項目
打開cmd控制檯，進入到需要創建項目的根路徑 如輸入f: 進入到f盤
然後執行以下命令創建並啓動一個ionic項目，myApp爲項目名稱 ，之後提示有四種模板選擇，隨便選一種都可以，就是不同的頁面模板
ionic start myApp
- 上一步歷時較久，創建完成後進入到myApp文件夾的路徑
cd myApp
然後啓動ionic服務，此時系統便會自動啓動瀏覽器運行此項目
ionic serve
- 使用cordova（負責將頁面包裝成原生應用的工具）
參考網址：https://cordova.apache.org/docs/en/latest/guide/cli/index.html
說明：
1) 打開cmd控制檯進入到項目根目錄中，如上述的 myApp (6.的第一步已經安裝了cordova)
Cd myApp
2) Add Platforms
執行以下命令創建android和ios原型和瀏覽器原型
cordova platform add android
Cordova platform add ios
Cordova platform add browser
安裝成功後使用如下命令是否載入成功
cordova platform ls
3)Install pre-requisites for building
執行以下命令查看構建原型所需要的條件
cordova requirements
如果所需包都已經安裝了 正確的提示是下圖這樣的，ios的暫時忽略
- Build the App
cordova build android
- Run app
上述已經完成了構建一個app所需要的條件 ，我們使用真機去啓動和調試這個app
- 將手機與電腦進行了連接。並且使手機處於usb的調試狀態
- 執行以下命令運行app：
cordova run android
- Add Plugins
可以選擇添加一些原生的應用插件，如攝像機
cordova plugin add cordova-plugin-camera