ionic環境搭建和安裝


1. 安裝node環境

nodeJs環境的安裝很簡單,去官網下載最新版的NodeJs直接安裝即可。

Node官網: https://nodejs.org/

安裝完成后配置環境變量,計算機->屬性->高級系統設置->環境變量->用戶變量->(選中PATH變量)->編輯->在變量值后加入node路徑,與其他變量值用;隔開

配置完成后在cmd中輸入 npm -v 回車。如果出現版本號說明安裝成功。

(未成功自行百度配置node環境)

 

2. 安裝jdk並且配置環境變量

jdk下載地址:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

安裝完成以后配置環境變量:

JAVA_HOME(安裝路徑有空格會無效)(系統變量):

JDK的安裝路徑,這個環境變量本身不存在,需要創建,其值為:jdk在你電腦上的安裝路徑。

PATH(系統變量):

PATH屬性已存在,可直接編輯。作用是用於配置路徑,簡化命令的輸入,其值為:%JAVA_HOME%\bin。 

CLASSPATH(系統變量):

 用於編譯時JAVA類的路徑,注意這里設置的是兩個值,(.;)表示的是JVM先搜索當前目錄。其值為:.;%JAVA_HOME%\lib\tools.jar。

配置完畢后,通過cmd運行以下命令:java -version, 如果出現返回信息,則設置成功。

 

3. 安裝Android SDK.

下載地址1: http://developer.android.com/sdk/index.html 這個地址被牆了。需要FQ使用。

下載地址2:http://www.android-studio.org/  這是Android studio中文社區地址

這里可以只下載Android SDK 不需要一並下載 Android Studio。下載完成並安裝然后向用戶變量Path中添加兩個值。分別是 Android SDK中tools目錄的路徑和platform-tools的路徑。例如:

C:\Program Files (x86)\Android\android-sdk\tools;

C:\Program Files (x86)\Android\android-sdk\platform-tools;

如果發現Android SDK安裝目錄中並沒有 “ platform-tools”這個文件夾,應該運行tools目錄下的android.bat文件,然后出現如下界面,勾選Android SDK Platform-tools 然后安裝。

環境變量配置完成以后在cmd中輸入 android並且回車。如果出現android sdk manager則說明安裝成功。

 

4. 安裝 Apache ant.

ant下載地址: http://ant.apache.org/bindownload.cgi

環境變量:

Windows下ANT用到的環境變量主要有2個: ANT_HOME 和 PATH。
eg:
1. 設置ANT_HOME指向ant的安裝目錄(系統變量)。
設置方法:ANT_HOME = D:\dev\apache-ant-1.9.6-bin\apache-ant-1.9.6

2. 設置bin和lib目錄到PATH變量中(用戶變量)。將%ANT_HOME%\bin; %ANT_HOME%\lib添加到x變量的path中。
設置方法:PATH = %ANT_HOME%\bin; %ANT_HOME%\lib

安裝如果不成功可以把%ANT_HOME%換成真實的路徑。

如:     D:\dev\apache-ant-1.9.6-bin\apache-ant-1.9.6\bin;D:\dev\apache-ant-1.9.6-bin\apache-ant-1.9.6\lib

安裝完成以后在cmd中輸入 ant -version 驗證是否安裝成功。

 

5. 安裝ionic和demo項目下載。

 

 

1.使用npm下載ionic

npm install -g ionic

2.選擇一個ionic模板項目下載到本地。中間會有一些問詢,比如是否使用sass.app的命名等。

md myApp

cd myApp //創建一個文件夾並且進入。

ionic start myApp tabs

3.給項目添加android平台。

ionic platform android

4.在模擬器中運行項目

ionic emulate android

說明: 運行emulate/run命令的時候會在platforms目錄下生成apk.

在執行platform和emulate命令的過程中如果出現報錯大多是因為android環境沒有安裝完全導致的。請在cmd中輸入android打開android SDK manager檢查相關的包是否已經安裝完全。

一般來說,tool和emulator都是必須要安裝的.然后選擇某一版本的android API進行安裝。

 

                                              此方法來源百度和自己搭建過程的記錄,有些地方可能沒寫到或者有誤差,歡迎指正


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM