創建你的第一個ionic+cordova應用(1)


前面我們安裝了前端的神器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,想放着,后面博客補上

 




 


免責聲明!

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



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