(1)安裝Node.js 首先您需要安裝 Node.js,後續會使用到其中的 NPM 工具。 (2)安裝JDK 需要安裝JDK,官網下載安裝。命令視窗中輸入 java -Xmx2048m -version 進行檢查。32位系統環境下無法運行Xmx2048m的記憶體設置。 系統變數→新建 JAVA_HO ...
(1)安裝Node.js
首先您需要安裝 Node.js,後續會使用到其中的 NPM 工具。
(2)安裝JDK
需要安裝JDK,官網下載安裝。命令視窗中輸入 java -Xmx2048m -version 進行檢查。32位系統環境下無法運行Xmx2048m的記憶體設置。
系統變數→新建 JAVA_HOME 變數 。變數值填寫jdk的安裝目錄(本人是 E:\Java\jdk1.7.0)
系統變數→尋找 Path 變數→編輯.在變數值最後輸入 %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;(註意原來Path的變數值末尾有沒有;號,如果沒有,先輸入;號再輸入上面的代碼)
系統變數→新建 CLASSPATH 變數。變數值填寫 .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar(註意最前面有一點)
添加環境變數"_JAVA_OPTIONS",值:“-Xmx512m”(512m是分配的記憶體空間,還可以是1024m、2048m等)
(3)安裝Android SDK
需要安裝Android SDK,或者通過安裝Android Studio來完成Android SDK的安裝。可能會出現sdk版本不對需要另外下載,並放置在:C:\Users\***\AppData\Local\Android\Sdk\platforms中。
(4)安裝Gradle
需要安裝Gradle,這是一套android構建打包工具,用於生成android app。如果已經安裝了Android Studio,其中就包含了Gradle。
下載:http://services.gradle.org/distributions/
下載gradle-4.1-all.zip,源碼不需要安裝,我們將下載的壓縮包在本機的目錄下直接解壓即可。
接下來我們為Gradle配置環境變數,安裝過jdk的朋友對環境變數的配置應該不陌生了。我們右鍵“這臺電腦”-->"屬性"-->"高級系統設置"-->"環境變數"-->"系統變數",按照上述步驟找到環境變數設置的位置。我們在系統變數中新增一個GRADLE_USER_HOME值為解壓後的路徑,然後我們還需要修改Path變數,將Gradle的bin目錄添加進去,我們在Path變數的最後面添加;%GRADLE_USER_HOME%\bin,註意前面的分號(;)一定不能少。
配置完成後我們查看一下本機安裝的gradle的版本信息,使用快捷鍵Win+R彈出的輸入框中輸入cmd,然後打開命令視窗,在命令視窗中輸入 gradle -v 可以查看到gradle的版本信息。
(5)命令行安裝cordova和ionic
cordova是底層實現跨平臺(iOS&Android)的技術,ionic本身來說只是基於AngularJs的UI組件庫。
然後通過命令行工具安裝最新版本的 cordova 和 ionic 。
Window 和 Linux 上打開命令行工具執行以下命令:
npm install -g cordova ionic
如果你已經安裝了以上環境,可以執行以下命令來更新版本:
npm update -g cordova ionic
(6)創建AVD
AVD的全稱為:Android Virtual Device,就是Android運行的虛擬設備。不安裝也不影響開發,可以直接在手機上進行測試。
SDK Manager:就是一個Android軟體開發工具包管理器,連接本地和伺服器,從伺服器下載安卓開發所需要的工具到本地。
AVD Manager:是一個Android虛擬驅動管理器,主要用來創建安卓模擬器。(安卓模擬器所需的鏡像是通過SDK Manager來下載的)。
Android_SDK 下載地址: http://tools.android-studio.org/index.php/sdk
使用SDK Manager安裝組件。使用AVD Manager創建AVD。
(7)創建並運行
使用ionic官方提供的現成的應用程式模板,或一個空白的項目創建一個ionic應用
ionic start myApp tabs
ionic start myApp sidemenu
ionic start myApp blank
ionic start sidemenuTabs https://github.com/pointdeveloper/ionic-2-sidemenu-tabs --type=ionic-angular
創建過程中會提示是否安裝Ionic Pro根據情況選擇,Ionic Pro是他們團隊推出的一個雲平臺,幫助你開發、遠程部署、打包之類的。
如果項目中沒有node_modules則輸入命令:npm install
運行項目:ionic serve
配置android環境:ionic cordova platform add android
檢測項目環境,缺什麼補什麼:cordova requirements android
創建android應用:ionic cordova build android
啟動android模擬器:ionic cordova emulate android;ionic cordova run android -l