簡介
随着移動智能技術的發展,越來越多的新技術不斷地湧現出來。ionic是基于Web技術應用HTML5、CSS3和JavaScript技術進行智能設備APP開發的框架,具有很好的跨平台性能,被稱為HybirdApp框架,即混合模式的移動APP開發框架。ionic聚焦于感官和應用的Ui交互,它不是PhoneGap或Cordova的替代品,ionic隻是在前端大幅度簡化了APP開發。為了發揮ionic的完美功能,需要AngularJS的配合,雖然可以繼續使用AngularJS的CSS内容,但會失去ionic提供的強大的交互、手勢、動畫等支持,因此在使用ionic時應避免使用其他CSS内容。ionic的最終目的是讓基于HTML5開發本地智能設備APP的工作更加容易,這種APP被稱為混合APP。需要注意的是,ionic聚集移動本地化APP開發而不是基于移動設備的Web應用或移動網站開發。ionic默認的界面類似ios系統,但不是對ios系統的複制,在開發中不要忘記使用ionicons字體包,還需要注意ionic所針對的移動平台是新版本系統,對于過去的舊版本系統ionic不予支持。
ionic是一個專注于用WEB開發技術,基于HTML5創建類似于手機平台原生應用的一個開發框架。綁定了AngularJS和Sass。這個框架的目的是從web的角度開發手機應用,基于PhoneGap(Cordova)的編譯平台,可以實現編譯成各個平台的應用程序。
ionic的開發添加android和ios環境。
ionic提供很多css組件和javascriptUi庫。
ionic可以支持定制android和ios的插件,也支持服務端REST的敏捷開發。
特點
ionic是一個CSS和JavaScriptUi庫。其主要特點如下。
1.具有原生APP的卓越運行性能
ionic的目的是開發移動APP,因此,它僅考慮了新的移動端的浏覽器兼容,并不一定兼容PC機上的浏覽器。其在性能上可與原生APP媲美。ionic專注于原生APP開發。
2.可維護性高
ionic采用AngularJS的設計思路,因此在應用維護、簡單性上繼承了AngularJS的優勢。
3.漂亮的Ui設計
ionic中的Ui完全為移動APP定制,簡單、簡潔、實用是其最大的特點,它在Ui設計上貫穿了非常多的移動組件、結構規範。其主題不僅華麗且具有很強的可擴展性。
4.輕量級框架
ionic基于AngularJS框架,但僅針對移動APP開發,遵循JavaStript的MVVM模式。
5.具有強大的命令行工具
ionic提供了命令行工具,可幫助開發者開發、調試、運行APP,可輕松地将APP部署到任何移動應用平台。
6.與AngularJS完美結合
lonic完全就是AngularJS在移動設備上的解決方案,其開發遵循AngularJS的思路,隻要會AngularJS,ionic即可上手。
優勢
1.ionic基于Angular語法。
2.ionic是一個輕量級框架。
3.ionic完美的融合下一代移動框架,支持Angularjs的特性,MVVM,代碼易維護。
4.ionic提供了漂亮的設計,通過SASS構建應用程序,它提供了很多Ui組件來幫助開發者開發強大的應用。
5.ionic專注原生,讓你看不出混合應用和原生的區别
6.ionic提供了強大的命令行工具。
7.ionic性能優越,運行速度快。
安裝方法
首先您需要安裝Node.js,我們在接下來的安裝中需要使用到其NPM工具,更多NPM介紹可以查看我們的NPM使用介紹。
然後通過命令行工具安裝最新版本的cordova和ionic。通過參考Android和iOS官方文檔來安裝。
Window和Linux上打開命令行工具執行以下命令:
$npminstall-gcordovaionic
Mac系統上使用以下命令:
sudonpminstall-gcordovaionic
提示:IOS需要在MacOsX.和Xcode環境下面安裝使用。
如果你已經安裝了以上環境,可以執行以下命令來更新版本:
npmupdate-gcordovaionic
或
sudonpmupdate-gcordovaionic