集团站切换校区

验证码已发送,请查收短信

图标

学习文章

当前位置:首页 > >学习文章 > >

{H5开发}H5混合开发之ionic快速开始

发布时间: 2017-06-16 15:16:30

使用ionic可以快速开发出基于H5技术的移动端APP。通过ionic官方为我们提供的三种默认模板可以让我们快速开发出自己想要的APP,而且在官方网站中为我们提供了大量的学习文档,可以让我们更加快速上手,各大论坛也有专门的模块讨论专区,可以方便大家的学习交流。

1.安装项目依赖

步骤:

1.打开命令窗口,输入CMD

2.输入npm install -g cordova ionic

         

在安装的过程中如果遇到问题,主要都是因为国内没有办法访问外网,那么这时候我们需要借助一些工具,除此之外,我们也可以访问国能的镜像

http://www.cnblogs.com/hehedaa/p/4990993.html

2.快速创建项目

步骤:

a.先找到一个放项目的位置

b.在目录中按住shift键右击,在当前文件夹打开命令窗口

c.Ionic  start  myApp(默认是tab样式)

         

3.目录结构

经过漫长的下载过程,最终我们是可以得到如图所示的文档结构的



4.打包

步骤:

a.先找到项目的根目录

b.在目录中按住shift键右击,在当前文件夹打开命令窗口

c.Ionic  platform  add  android

d.Ionic  build  android

      

之后的就如图显示,那么得到的APK文件是直接可以放到手机中的,样式如图显示:


 

 

    

上一篇: {Android}深入理解Android的渲染机制

下一篇: {思科CCNP-RS}控制层面和数据层面区分

十年老品牌
QQ咨询:450959328 微信咨询:togogozhong 咨询电话:020-38289118 咨询网站客服:在线客服

相关课程推荐

在线咨询 ×

您好,请问有什么可以帮您?我们将竭诚提供最优质服务!