部署ionic開發環境

(1)安裝Node.jsphp

  首先您須要安裝 Node.js,後續會使用到其中的 NPM 工具。java

(2)安裝JDKnode

  須要安裝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等)android

(3)安裝Android SDKgit

  須要安裝Android SDK,或者經過安裝Android Studio來完成Android SDK的安裝。可能會出現sdk版本不對須要另外下載,並放置在:C:\Users\***\AppData\Local\Android\Sdk\platforms中。github

(4)安裝Gradlenpm

  須要安裝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的版本信息。android-studio

(5)命令行安裝cordova和ionic服務器

  cordova是底層實現跨平臺(iOS&Android)的技術,ionic自己來講只是基於AngularJs的UI組件庫。
  而後經過命令行工具安裝最新版本的 cordova 和 ionic 。
  Window 和 Linux 上打開命令行工具執行如下命令:
  npm install -g cordova ionic
  若是你已經安裝了以上環境,能夠執行如下命令來更新版本:
  npm update -g cordova ionicapp

(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

相關文章
相關標籤/搜索