Ionic簡介和環境安裝

什麼是Ionic

Ionic是一個用來開發混合手機應用的，開源的，免費的代碼庫。能夠優化html、css和js的性能，構建高效的應用程序，並且還能夠用於構建Sass和AngularJS的優化。ionic會是一個能夠信賴的框架。

 Ionic是一個專一於用WEB開發技術，基於HTML5建立相似於手機平臺原生應用的一個開發框架。使用Node.Js 進行了模塊管理，綁定了AngularJS和Sass。這個框架的目的是從web的角度開發手機應用，基於PhoneGap/Codeova的編譯平臺，能夠實現編譯成各個平臺的應用程序。

Ionic支持的平臺

Ionic1.0的版本中，支持的平臺爲Android4.1+和ios7+。
Ionic2.0Beta版本中，添加了對通用應用程序（Windows平臺）的支持，同時也支持BlackBerry10App。

Ionic的特色

1. Ionic基於Angular語法，簡單易學。
2. Ionic是一個輕量級框架。
3. Ionic完美的融合下一代移動框架，支持 Angularjs 的特性， MVVM ，代碼易維護。
4. Ionic提供了漂亮的設計，經過 SASS 構建應用程序，它提供了不少 UI 組件來幫助開發者開發強大的應用。
5. Ionic專一原生，讓你看不出混合應用和原生的區別。
6. Ionic提供了強大的命令行工具。
7. Ionic性能優越，運行速度快。

 

開始使用

1. 安裝NodeJs
2. 命令行安裝Ionic 
   $ npm install -g cordova ionic 
   若是是安裝ionic2就運行以下命令,本文使用Ionic2 
   $ npm install -g cordova ionic@beta
3. 新建一個項目 
   $ ionic start demo tabs
4. 運行項目 
   $ cd demo
$ ionic platform add android
$ ionic build android
$ ionic emulate android
$ ionic emulate android (模擬器運行)
$ ionic run android (鏈接上手機運行)
5. 在瀏覽器中運行 
   $ ionic serve(localhost) 
   $ ionic serve --address 192.168.xxx.xxx(使用指定IP地址來啓動serve，這樣方便用手機來預覽。)

 

Ionic相關站點資源

Ionic官方地址 
Ionic官方博客 
Ionic中文網 
Ionicons免費的開源的字體圖標 
Ionic生態圈一個屬於開發者的市場

 

版權聲明：本文爲博主原創文章，未經博主容許不得轉載。