ionic 把a(bǔ)ngular封裝成控件,類(lèi)似于原生開(kāi)發(fā),分頁(yè)面和數(shù)據(jù).
第一步.配置Webstorm
在Webstorm可以增加iOS(mac) 安卓虛擬機(jī).
首先請(qǐng)確保您的Mac上裝有最新版本的JDK,請(qǐng)到：
然后下載Node.js,
因?yàn)槲覀円玫嚼锩娴腘PM來(lái)下載PhoneGap、Cordova和ionic等開(kāi)發(fā)框架.安裝Node.js后腿堤，打開(kāi)終端，
在root用戶(hù)下依次輸入以下命令：
sudo npm install -- global phonegap
sudo npm install -- global cordova
sudo npm install -- global ionic
由于在Mac平臺(tái)上開(kāi)發(fā)，Mac里面的XCode已經(jīng)有模擬器了侣灶，所以只需下載ios-sim這個(gè)插件就能從WebStorm順利調(diào)出iOs的模擬器改览。請(qǐng)到：https://github.com/phonegap/ios-sim 下載并安裝iOS-sim (在終端輸入： sudo npm install ios-sim -g);
Android模擬器的配置要稍微復(fù)雜一些并淋。需要安裝Android SDK,(請(qǐng)到：http://www.android-studio.org/ 下載)，可根據(jù)需要下載獨(dú)立的Android SDK, 如果想方便管理SDK杂彭，那么推薦下載 Android Studio (推薦). 打開(kāi)終端，輸入：android sdk 或在A(yíng)ndroid Studio菜單欄里找到SDK manager 點(diǎn)擊吓揪，打開(kāi)亲怠。下載一個(gè)SDK,比如：Android 5.1.1(在這個(gè)欄目下找到SDK Platform,打勾，并下載安裝磺芭，記住SDK的api號(hào)是22赁炎，一會(huì)項(xiàng)目會(huì)用到)。安裝完Android sdk, 如果要在WebStorm調(diào)出模擬器钾腺，還需要一個(gè)步驟徙垫，把idk路徑添加到.bash_profile：
在Mac里找到： ~/.bash_profile 文件，如果沒(méi)有放棒，則按以下步驟創(chuàng)建：
在終端輸入 cd ~/ 進(jìn)入當(dāng)前用戶(hù)home目錄
創(chuàng)建.bash_profile : touch .bash_profile
打開(kāi)編輯：open -e .bash_profile
輸入以下內(nèi)容：
# Android SDK pathexport PATH=${PATH}:/Users/你的用戶(hù)/library/Android/sdk/platform-tools:/Users/你的用戶(hù)/library/Android/sdk/tools
保存并關(guān)閉
更新 .bash_profile : source .bash_profile
安裝后姻报，打開(kāi) WebStorm | Preferences，發(fā)現(xiàn)需要的環(huán)境都已搭建好了间螟。
好了吴旋，新建一個(gè)PhoneGap/Cordova的項(xiàng)目試試吧：
有問(wèn)題請(qǐng)回復(fù).
