Ionic Framework是一个开源的前端UI工具包,使用Web技术(HTML,CSS和JavaScript)来构建高性能,高质量的移动和桌面应用程序。Ionic Framework专注于前端用户体验或应用程序的UI交互(控件,交互,手势,动画)。目前,Ionic Framework与Angular集成,但在Ionic4发布的时候官方会支持Vue和React 。下面PHP程序员雷雪松详细的介绍一下如何安装Ionic Framework。
1、首先您需要安装 Node.js,接下来的安装中需要使用到NPM 工具,通过命令行工具安装最新版本的 cordova和 ionic 。
[root@raykaeso ~]# npm install -g cordova ionic
2、使用ionic命令创建Ionic 应用,ionic提供三个模板可供选择,blank为空模板, tabs 为底部带tabbar的模板和sidemenu侧边栏模板。目前默认安装为Ionic3最新正式版,如果想要体验Ionic4的话,安装时需要制定4.0.0以上的版本号,并且带上–type=angular参数。
[root@raykaeso ~]# ionic start ionicApp tabs --type=angular
3、运行Ionic项目
[root@raykaeso ~]# cd ionicApp
[root@raykaeso ~]# ionic serve
之前有个项目使用Ionic3开发的,大部分界面都可以直接用Ionic官方提供的组件,基本自己写的代码很少,开发效率很高。Ionic借用Cordova对硬件的支持,做一些简单的App也很快,常用的硬件接口都可以直接安装使用。在Ionic4发布新版本时,如果对vue和react支持,相信Ionic会更多人使用。