ionic介紹

ionic介紹

Ionic是一個前端的框架,幫助開發者使用HTML5, CSS3和JavaScript作出原生應用。javascript

The beautiful, open source front-end framework for developing hybrid mobile apps with HTML5。css

有了ionic, 咱們就能夠使用HTML五、javascript(angular)和css(sass)開發android和ios應用。html

Getting Started with Ionic

安裝ionic

安裝nodejs

nodejs近年來很是熱門,安裝nodejs是爲了能夠經過命令行工具安裝Cordovaionic前端

安裝cordova和ionic

npm install -g cordova ionic

在Mac中,須要加上sudo:html5

sudo npm install -g cordova ionic

建立應用

ionic官網爲開發者提供了多個開發模板,如:java

空白模板(Black app)

ionic start myApp blank

blank.png

tabs模板

ionic start myApp tabs

tabs-app

sidemenu模板

ionic start myApp sidemenu

menu-app

運行ionic應用

cd myApp
ionic platform add ios
ionic build ios
ionic emulate ios

編譯和運行android應用方法相似。node

開發ionic要求

至少要懂得html五、javascript和css3技術開發;

學習angular開發;

學習其它開發知識,如sassgulp等。

相關文章
相關標籤/搜索