频道栏目
首页 > 程序开发 > web前端 > HTML/CSS > 正文
ionic的安装及使用讲解
2018-05-15 11:40:02      个评论    来源:苏璐 廊坊师范学院信息技术提高班 十三期  
收藏   我要投稿

1.安装ionic:$npm install -g cordova ionic

2.更改命令所在位置到你容易找到的目录:cd directoryName

例如:cd practice

3.终端输入命令新建一个工程:$ ionic start myApp blank(生成名字为myApp的空项目)

或$ ionic start myApptabs(生成名字为myApp的带有选项卡的项目)

或$ ionic start myApp sidemenu(生成名字为myApp的带有侧边菜单的项目)

这里根据自己的项目需要,选择任意一个命令即可快速建立一个ionic framework项目。

4.为这个项目配置iOS和android平台,在webstrom上的terminal终端中执行:

$ionic platform add iOS

$ionic platform add android

5.运行项目:如果想在电脑浏览器上看效果,可以执行:ionic serve

如果电脑已经安装了iOS或android模拟器可以执行以下命令看手机上的效果:

在iOS上建立并测试该项目:

$ionic build iOS

$ionic emulate iOS即可在电脑上模拟iOS手机运行这个app,

这两个命令也可以用ionic run iOS代替,效果一样。

在android上建立并测试该项目:

$ionic build android

$ionic emulate android

或者同样用一句ionic run android代替上面两行命令。

执行以上命令后就可以在浏览器或模拟器上看到app的效果了~

点击复制链接 与好友分享!回本站首页
上一篇:变量作用域(score)的使用简介
下一篇:基于vue的前端框架的MintUI(更适用于移动端)安装教程
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站