Ionic 介紹
Ionic是一個前端的框架,結合html5,css3和javascript做出類似native app的移動應用,Ionic框架很先進,js部分是基於angular js框架,大量使用css3,版本升級基於bower,Ionic關注應用的外觀、體驗和UI用戶界面交互,這個框架除了帶有SASS服務和各種各樣的AngularJS拓展(可選)之外,還有大量的組件。
在mac系統下的ionic環境搭建
首先確保已經安裝了node.js,可以使用 node -v這個命令來驗證,如果你還沒有安裝可以到下面這個網址去下載安裝 http://nodejs.org/
在mac 系統下安裝cordova和ionic的命令
sudo npm install -g cordova ionic
如果您已經安裝,要確保已經更新到最新的版本,使用下面的命令
sudo npm update -g cordova ionic
使用ionic創建一個應用名爲 myApp以tabbar爲基礎(除了tabs,還包括slidemenu等)
$ ionic start myApp tabs
5.設置ionic的編譯的平臺
$ ionic login
$ cd myApp
$ ionic platform add android
$ ionic build android
$ ionic run android 搭建過程中遇到的問題
ionic start myApp
Creating Ionic app in folder /Users/boteng/myApp based on tabs project
Downloading: https://github.com/driftyco/ionic-app-base/archive/master.zip
Error fetching: https://github.com/driftyco/ionic-app-base/archive/master.zip Error: connect ETIMEDOUT
Error: Unable to initalize app: Error: connect ETIMEDOUT
需要設置代理,***到外網
PROXY=http://127.0.0.1:8087 ionic start myApp
學習資料 ionic 中文指南
https://github.com/ychow/ionic-guide