天天看點

ionic —— 開發環境搭建并編譯運作第一個APP

其實類似的環境已經玩了很多次了,最開始玩還是微信剛剛出來,那會兒沒有智能機。隻好安裝一個模拟器,卻隻是為了注冊一個微信。想想也就是夠了~

前前後後折騰了很多次,可是每一次都給人不一樣的感覺,也許是這個過程中習慣了,也許是對于一些事情的看法變了,漸漸的越來越順手。比較在GFW越來越NBHH的時候還能安裝SDK也是很不容易的了。最主要的是從來沒有總結過,如果每一次總結一下,或者早就不用這樣重複重複再重複,搜尋搜尋再搜尋了。學習是一個總結的過程,這一次例外的總結一下。

ionic

Install Ionic
npm install -g cordova ionic
           
Start a project
ionic start ionicProject blank
           

**ionicProject 指代項目目錄,建立一個空白項目

其它項目: **

ionic start ionicProject tabs
ionic start ionicProject sidemenu
           
Run it

運作一下剛剛建立的項目,運作指令:

cd ionicProject
ionic platform add android
ionic build android
ionic run android
           

其實上面的運作代碼也是有前提的,需要安裝Android開發環境,這裡基本上是共通的。

  1. 安裝JDK

    設定環境變量PATH:jdk的位置。例如:(PATH => D:\Program Files\Java\jdk1.8.0_60\bin)

  2. 安裝Android SDK Manager

    設定環境變量ANDROID_HOME:Android SDK Manager的位置 例如:(PATH => D:\Program Files\Android SDK Tools)

    設定環境變量PATH:例如:(PATH => %ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools)

  3. 安裝package

    Android SDK

    Android SDK Platform-tools

    Android SDK Build-tools

  4. 如果第3步建立了模拟器

    ionic emulate android

錯誤分析

在安裝過程中會報一些錯誤,按照錯誤提示的關鍵詞在本文應該就可以找到答案,如果不行可以留言一起交流,然後搜搜搜。

我的環境
> ionic info
Your system information:
Cordova CLI: 5.3.1
Ionic Version: 1.0.1
Ionic CLI Version: 1.6.4
Ionic App Lib Version: 0.3.8
OS: Windows 7 SP1
Node Version: v0.12.2
           
參考資料

ionic官網