ionic入門

ionic安裝

Ionic開發是依賴於Nodejs環境的,因此在開發以前咱們須要安裝好Nodejs。下載安裝:http://nodejs.org/
安裝完成以後打開PowerShell輸入命令node -v和npm -v驗證是否安裝成功,若是返回版本號則說明成功。
在PowerShell命令行中執行:
html

npm install -g cordova ionic 
這是使用npm包管理器安裝cordova和ionic,-g的意思是全局安裝,全局安裝後在PowerShell中任何目錄下均可以使用cordova和ionic的命令。
ps:若是報錯,說明被牆了. 嘗試換源
1.換源
A.config中設置
npm config set registry https:// registry .npm.taobao.org
npm info underscore (若是上面配置正確這個命令會有字符串response)

B.命令設置
npm --registry https://registry.npm.taobao.org info underscore

C.編輯 ~/.npmrc 加入下面內容
registry = https://registry.npm.taobao.org
D.安裝cnpm.

代理設置
npm config set proxy= http://127.0.0.1:1080
npm config set https-proxy http://server:port

上面四種都能達到換淘寶npm源的效果


//安裝Cordova
npm install -g cordova
//安裝Ionic
npm install -g ionic
//建立項目

ionic start myApp tabs //建立帶有top欄和bottom欄的示例項目 ionic start myApp sidemenu //建立帶有左側帶有menu欄的示例項目 ionic start myApp blank //建立空白項目

cd myApp
//添加編譯環境, 
ionic platform add android
ios的 ionic platform add ios 估計要在ios下運行

//查看已安裝的環境
ionic platform list

//編譯.
ionic build android
有可能報錯.將ionic換成cordova試試

cd myApp cordova platform add android cordova build android cordova emulate android

編譯成功後可在下面的目錄中找到編譯好的apk文件
C:\Users\Aust\myApp\platforms\android\build\outputs\apk


打開本地的nodejs測試
ionic serve 運行成功會自動打開http://localhost:8100/#/tab/dash 頁面 默認支持lievereload 


在手機測試,連上adb(或者運行Genymotion),再運行下面命令

adb version //查看adb鏈接狀況node


ionic run android //在adb上發佈運行. 會自動打包並安裝到手機上
android



在部署到移動端後也能夠開啓livereload的,咱們只須要修改下咱們run命令參數:ios

ionic run android --livereload -c -s

這是android的調試模式,不管在虛擬機上仍是在手機上均可以實現livereload,不用每次開發完成編譯再部署!-c是開啓客戶端日誌輸出,-s是開啓服務器端日誌輸出。nginx

而ios相對麻煩些,sql

先安裝ios-deploynpm

npm install -g ios-deploy
xcode

咱們也一樣執行:bash

ionic run ios --livereload -c -s --device

 ionic  emulate ios -livereload -consolelogs -serverlogs
服務器

只要等他提示Build Success以後,咱們在xcode上面運行虛擬機或者真機也能夠實現livereload。



ios打包、android打包

能使用Ionic來開發app的極可能對Ios和android的app打包發佈流程不是很熟悉,我這裏簡單說明下:
Android
Android的打包比較簡單執行命令:

ionic build android -release 

找到www/platform目錄下生成的apk包,此時的apk還不能被安裝到手機上,還須要一步簽名操做,你們能夠參考:
http://www.cnblogs.com/qianxudetianxia/archive/2011/04/09/2010468.html

IOS
ipa文件的打包須要如今apple develop網站上註冊一個帳號,在網站申請生產環境的證書導入到你的開發機中和開發機綁定纔可使用xcode導出,詳情參閱:
http://blog.csdn.net/songrotek/article/details/8448331
http://www.mexiqq.com/2014/07/25/xcode6+ios8%E6%9C%80%E6%96%B0%E7%9C%9F%E6%9C%BA%E8%B0%83%E8%AF%95%E6%95%99%E7%A8%8B/

ionic.project 中像這樣設置代理:

 
 
 
 
 
 
 
 
 
 
 
 
 
 



相關文章
相關標籤/搜索