1. 程式人生 > >ionic在win7下環境配置

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