第三章:ionic環境搭建之windows篇


下面是在windows操作系統上面安裝ionic的步驟,已經在Windows 10/ 7/ XP下面通過驗證。

  • 安裝JDK

1.1 下載(http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html)並安裝 
1.2 配置:高級->環境變量 
JAVAHOME: C:\Program Files\Java\jdk1.7.0_25 
Path: C:\Program Files\Java\jdk1.7.0_25\bin 
CLASSPATH: . 
1.3 運行:cmd->javac or java –version正常顯示內容說明安裝成功
  • 安裝Android SDK

1.1 安裝(下載地址http://tools.android-studio.org/index.php/sdk)
1.2 打開Android SDK Manager,安裝最新的SDK 
1.3 配置環境變量
Path:
C:\Program Files\Android\android-sdk\tools
C:\Program Files\Android\android-sdk\platform-tools

1.4 運行:adb, 正常顯示內容說明安裝成功
  • 安裝Python 2.7

下載(https://www.python.org/downloads/release/python-2711/)並安裝
  • 安裝NodeJS

下載(https://nodejs.org/en/)並安裝
  • 安裝Cordova和Ionic

npm install -g cordova ionic

  如果因為網絡原因,安裝失敗。可以嘗試使用taobao鏡像(http://npm.taobao.org)

npm config set registry " https://registry.npm.taobao.org "
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install -g cordova
cnpm install -g ionic

注意:需要修改環境變量, 從 C:\Documents and Settings\user\Application Data\npm 改為 C:\Documents and Settings\user\Application Data\npm\bin
  • 創建應用

ionic start myapp tabs
  • 啟動應用

ionic serve
  • 添加平台

ionic platform add android
ionic platform add ios
  • 查看已經安裝的plugin

ionic plugin ls

參考資料:


免責聲明!

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



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