-

Ionic Framework安装教程

WEB前端

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

1、首先您需要安装 Node.js,接下来的安装中需要使用NPM 工具,通过命令行工具安装最新版本的 cordova 和 ionic 。 [cc lang=”bash”] [root@raykaeso ~]# npm install -g cordova ionic[/cc]

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

[cc lang=”bash”][root@raykaeso ~]# ionic start ionicApp tabs –type=angular[/cc]

3、运行Ionic项目

[cc lang=”bash”][root@raykaeso ~]# cd ionicApp [root@raykaeso ~]# ionic serve[/cc]

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

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

来源:Ionic Framework安装教程

10 评论 “Ionic Framework安装教程

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

    感谢老师分享

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

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

    百度开户 评论:
    2019年3月27日 下午4:26

    Ionic Framework 我得去看看,学习一下

    网赚平台 评论:
    2019年4月2日 上午9:27

    这好像有点意思

    免费节点 评论:
    2019年4月14日 下午8:31

    感谢老师分享

    免费ssr账号 评论:
    2019年4月15日 下午8:11

    内容好多,看起来很高级的样子

    头条 评论:
    2019年5月8日 上午12:27

    文章不错非常喜欢,支持

    61o 评论:
    2019年5月10日 下午5:52

    好文!转载了。

    今日头条新闻 评论:
    2019年5月22日 下午11:11

    文章不错支持一下,非常喜欢

    今日新鲜事 评论:
    2019年6月24日 下午11:42

    文章不错支持一下吧

发表回复

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