ionic在win7下環境配置
注意 : 所有路徑均不支援中文。
軟體環境 : windows _x64 、Android Studio2.2 、JDK1.8
一 , 安裝JDK
JDK預設的安裝的位置 c:/Program Files/Java/jdk1.8.0_66
如果是32位作業系統,需要下載32位jdk進行安裝
二,安裝安卓環境
安裝Android Studio 2.2
三,修改環境變數
右鍵我的電腦-->屬性-->高階系統設定-->高階選項卡-->環境變數。
這裡可以修改使用者變數,也可以是新增系統變數,我新增的是使用者變數
在使用者變數裡新建兩個環境變數:
ANDROID_HOME C:\Android\sdk
JAVA_HOME C:\Program Files\Java\jdk1.8.0_66\bin
點開PATH,在後面新增:
C:\Android\sdk\platform-tools;
C:\Android\sdk\tools
這裡注意分號間隔!!!
四,開啟Android Studio(快捷方式或者應用程式中找)
新建一個專案,專案的首字母必須大寫,儲存路徑不能有中文。
安裝虛擬器,開啟AVD Manager
建立一個新的虛擬機器
選擇一個android版本,點選Download下載
選擇下載的android版本,完成。此時會彈出來一個視窗,點選右邊的三角按鈕,執行即可
五,用dos命令列執行
現在,可以關閉掉所有的android studio,包括虛擬機器
1,開啟windows命令列工具,而不是git!!!
2,在命令列中輸入 emulator -list-avds 命令,會列出所有的模擬器
3,使用命令:emulator @模擬器名字:(如 emulator @Nexus 4)即可啟動模擬器
注意:如果不能執行,有錯誤。此時,再次開啟你的Android studio
這個路徑一定要修改成sdk目錄;
4,儲存,重新執行一次,如果還不行,重啟一下電腦,此時就可以運行了。
六,建立ionic專案
1,在c盤根目錄建立一個資料夾app,用cd命令進去app資料夾(app是所有專案的根目錄)
2,執行 npm i ionic -g
3,安裝淘寶映象
npm install -g cnpm --registry=https://registry.npm.taobao.org
4,執行cnpm install cordova -g
5,執行cnpm install ionic -g
6,此時ionic環境已經配置完成。建立一個專案吧。
install start 專案名字(首字母最好大寫)
建立專案非常的慢。直接將一個空白專案打包成zip,以後就可以使用這個zip來直接建立專案了。
建立完成後,cd進入具體的專案的資料夾,如Test目錄
7,執行ionic serve ,此時專案會使用預設瀏覽器開啟。
ionic serve -w chrome 會使用谷歌開啟
ionic serve -w chrome -l 會開啟ios和android兩種不同的風格
8,在虛擬機器上執行。新增執行平臺
ionic platform add android
編譯:ionic build android 此時會生成一個apk檔案,可以安裝到安卓手機進行執行
Android Studio執行 : ionic emulate android
七,真機除錯
如果使用真機除錯。
使用命令:ionic run android