Ionic Framework安装教程

WEB前端

Ionic Framework是一个开源的前端UI工具包,使用Web技术(HTMLCSSJavaScript)来构建高性能,高质量的移动和桌面应用程序。Ionic Framework专注于前端用户体验或应用程序的UI交互(控件,交互,手势,动画)。目前,Ionic Framework与Angular集成,但在Ionic4发布的时候官方会支持Vue和React 。下面PHP程序员雷雪松详细的介绍一下如何安装Ionic Framework。

1、首先您需要安装 Node.js,接下来的安装中需要使用NPM 工具,通过命令行工具安装最新版本的 cordova 和 ionic 。

1
 [root@raykaeso ~]# npm install -g cordova ionic

2、使用ionic命令创建Ionic 应用,ionic提供三个模板可供选择,blank为空模板, tabs 为底部带tabbar的模板和sidemenu侧边栏模板。目前默认安装为Ionic3最新正式版,如果想要体验Ionic4的话,安装时需要制定4.0.0以上的版本号,并且带上–type=angular参数。

1
[root@raykaeso ~]# ionic start ionicApp tabs --type=angular

3、运行Ionic项目

1
2
[root@raykaeso ~]# cd ionicApp
[root@raykaeso ~]# ionic serve

之前有个项目使用Ionic3开发的,大部分界面都可以直接用Ionic官方提供的组件,基本自己写的代码很少,开发效率很高。Ionic借用Cordova对硬件的支持,做一些简单的App也很快,常用的硬件接口都可以直接安装使用。在Ionic4发布新版本时,如果对vue和react支持,相信Ionic会更多人使用。

Ionic Framework官方演示地址https://ionicframework.com/dist/preview-app/www/

来源:Ionic Framework安装教程

2 评论 “Ionic Framework安装教程

    免费SSR节点 评论:
    2019年2月21日 下午12:48

    感谢老师分享

    纽约网站设计 评论:
    2019年3月11日 下午11:40

    node.js的教程网上找了很多,最后弄好了

发表评论

电子邮件地址不会被公开。 必填项已用*标注