前面我們安裝了前端的神器webstorm11,體驗到了強大的開發體驗,接着我們來安裝ionic
必備:
Node.js (npm安裝工具) 百度下載 官網下載 注:如果官網新版不能安裝請用百度下載0.12.7版
jdk (android編譯依賴) 百度下載 官網下載
android (ADK編譯) 百度下載 官網下載 (建議迅雷)
開發工具建議 webstorm+ ionic小助手
選件:
phonegap (移動端預覽) 百度下載 phonegap.apk國內下載 phonegap.ipk蘋果下載 phonegap.exe官網下載
Git(bower) 百度下載 官網下載
jre(git需要) 百度下載 官網下載
安裝node,下一步下一步,直到安裝完畢
測試安裝好沒
接下來安裝java jdk和安卓jdk
其中安卓jdk的目錄基本如下:
運行sdk manager.exe;安裝必要的tool和build tool
基本如下就可以了
接下來就開始安裝ionic和cordova了
在npm命令行輸入
npm install cordova ionic -g
當然你可能會安裝失敗,我試過單獨安裝的時候cordova是可以很順利安裝的,但是ionic是很費勁的,原因是可能需要翻牆去安裝,這是需要在國外的服務器下載
但是淘寶提供了個叫淘寶鏡像的東西,可以先安裝cnpm,然后通過cnpm去安裝ionic
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install ionic -g
這樣一般就不會有什么問題了
安裝完之后測試該有的東西有沒有
如果版本號都沒問題的可以出來,那么恭喜你,可以開始項目了
下面演示創建一個名字為ionic05的項目,因為我的項目已經有了,然后需要yes覆蓋一下。
出現這樣說明已經創建好ionic05項目了
我們去目錄看看,並且把他加入到webstorm11中
那我們來運行它
安卓環境中:
ionic platform add android //加入到安卓中
ionic build android //打包
ionic run android //真機
ionic emulate android //虛擬機
ios也一樣,將android改成ios
另外
ionic serve //在瀏覽器上運行,自動會打開瀏覽器
執行add命令之后會出現
platform文件夾
打包出來會出現在
這個目錄中,我們可以安裝到自己的手機中運行
當然你不可能以這種方式去打包安裝來開發,估計會死人
上面不是還有一種模擬器上安裝嗎
ok,ios需要在mac電腦上用xcode打包,我等屌絲還沒ios,想放着,后面博客補上