新建一个空项目,让它能够在你的虚拟机/手机上跑起来

第一步 新建工程
   ionic start myApp blank
  一个简单的Web应用我们已经创建完成了,接下来我们就要做一些部署到移动端之前的准备了
 
第二步 添加平台(想让项目在哪个平台下运行就需要添加相应平台)
  ionic platform list 可以查看目前项目已添加的平台,如果需要运行在android或ios下就需要手动添加
  ionic platform add android
  ionic platform add ios
  安装完后再查看platform list(版本不一样没关系)
      Installed platforms: android 4.0.0, ios 3.8.0
      Available platforms: amazon-fireos, blackberry10, browser, firefoxos, windows, windows8, wp8
 
第三步 部署应用,有三种方式可以测试我们的app
  (1)直接编译成apk,手动安装到手机当中,就和我们安装apk一样
    ionic build android
    apk在:myApp/platforms/android/build/outputs/apk/android-debug.apk
  (2)连接手机,在usb调试下运行   
    把手机连接到电脑,并开启usb调试模式,执行命令:ionic run android --livereload -c -s
    这是android的调试模式,无论在虚拟机上还是在手机上都可以实现livereload,ios则只需要把android修改为ios即可,不用每次开发完成编译再部署!-c是开启客户端日志输出,-s是开启服务器端日志输出。–livereload参数的的意义在于修改生成包中的起始页面地址,修改为远程服务器地址这样就可以做到修改即通知客户端刷新页面了。
    如果没有连接手机,则会自动调用android模拟器,并自动安装
  (3)android模拟器下运行
    ionic emulate android
    自动调用android模拟器,并在其中安装应用程序,只是调用模拟器并安装,不会实现run的效果
  (3)浏览器下运行
    ionic serve
  我使用的版本ionic 运行的时候,scss文件并没有像网上说的可以自动编译,需要另开一个窗口手动gulp sass才能自动编译
 
  

  在执行以上命令时如果出现以下错误:Error: Please install Android target: "android-22".  (也可能是23等数字,这是工程的android版本)
  错误原因:工程属性配置文件与目标平台API版本不一致
  解决办法:
    // 修改项目所在文件夹的以下3个文件,确保与目标平台版本一致,如:
    // # Project target.
    // target=android-24
    myApp/platforms/android/project.properties 
    myApp/platforms/android/CordovaLib/project.properties
    myApp/platforms/android/CordovaLib/AndroidManifest.xml
 
     // AndroidManifest.xml文件修改如下
    <uses-sdk android:minSdkVersion="14" android:targetSdkVersion="24" />
 
    比如我新建的项目,这三个文件是这个配置
    

    只修改target变为24,我的api就是24 
    
 
 
 
 如果环境没搭好就看这篇:http://www.cnblogs.com/znsongshu/p/5678712.html 
 
 
 
 
 
 
 

从零到一创建ionic移动app:创建第一个app的更多相关文章

  1. Android 一个app启动另一个app

    最近,一个app启动另一个app,这个玩法挺火的嘛,有没有试过更新QQ到5.1版本,QQ的健康里面就可以添加其他app,实现从QQ跳转到其他app应用.这个挺好玩的,一下子带来了多少流量啊. 一.先来 ...

  2. android一个app打开另一个app的指定页面

    一个app打开另一个app的指定页面方法 有以下几种 1.通过包名.类名 2.通过intent的 action 3.通过Url 方案1. ComponentName componentName = n ...

  3. 如何用一个app操作另外一个app.比如微信群控那样的

    如何实现一个app.控制另外的app,比如市面上群控微信的,是用测试工具的原理?还是什么模拟点击的原理? 如何用一个app操作另外一个app.比如微信群控那样的 >> android这个答 ...

  4. 亲手使用Sencha Touch + phonepag开发Web APP随笔 -- 第一个APP

    参考博文: [Phonegap+Sencha Touch] 移动开发1.准备工作 [Phonegap+Sencha Touch] 移动开发2.PhoneGap/Cordova初步使用   经过差不多1 ...

  5. APP开发:一个APP开发需要哪些技术人员?

          亿合科技小编了解到:国民老公王思聪曾经在一个访谈中谈到过,如果他是一个普通人,他会选择移动互联网去创业,因为做个网站或者App开发门槛较低,做大做强的机会也比较多.小编觉得创业就是投资,重 ...

  6. iOS App 唤醒另一个App

    网上也有讲这块的,感觉讲得都不是很好.而且有一些细节根本没有讲清楚.这里重写整理一下相关知识点. 主要内容 URL Scheme 是什么? 项目中关键的配置 注意事项 URL Scheme 是什么? ...

  7. ios 一个app启动另一个app

    问题描述:需要从一个ios应用程序中,能启动另一个ios应用程序. 开发环境:xcode7.3.1 关键词:白名单(LSApplicationQueriesSchemes).注册自己的URL Demo ...

  8. 一个App与另一个App之间的交互,添加了自己的一些理解

    URL Scheme 是什么? iOS有个特性就是应用将其自身"绑定"到一个自定义 URL scheme 上,该 scheme用于从浏览器或其他应用中启动本应用.常见的分享到第三方 ...

  9. Windows Phone 8 通过一个app启动另一个app

    Winphone8 通过app启动第三方app需要被启动的app支持,具体操作步骤如下: 假设要通过PhoneApp2启动PhoneApp1 PhoneApp1端做的操作如下: 1.注册Protoco ...

  10. Android 中如何从一个App启动另外一个App(如启动支付界面、启动地图界面、应用商场下载App等场景)

    假定两个App,分别是A和B,当A运行某个功能需要启动B,一种是启动B应用,一种直接进入B的某个Activity.搜了很多资料,没有一个完整的.下面就A--Android5.1.1.B--Androi ...

随机推荐

  1. win下如何查看那个网络端口被那个应用程序使用

    在运行里面键入cmd打开命令行窗口.     在命令行窗口键入命令: netstat -ano 第一和第二列是自己网络的端口和外网连接的端口,pid:(全称Process Identification ...

  2. mfc小工具开发之定时闹钟之---多线程急线程同步

    一.MFC对多线程编程的支持 MFC中有两类线程,分别称之为工作者线程和用户界面线程.二者的主要区别在于工作者线程没有消息循环,而用户界面线程有自己的消息队列和消息循环. 工作者线程没有消息机制,通常 ...

  3. 网易研发project师(移动端游戏)—暑期实习生电面题目 2014年5月14日

    2014年5月14日 暑期实习生电话面试: 首先自我介绍. 一.C++ 1.extern的使用方法 2.虚函数 3.强制转换 4.malloc和new的差别 二.计算机网络 1.TCP和UDP有什么差 ...

  4. Openstack(Kilo)安装系列之nova(八)

    计算节点 To install and configure the Compute hypervisor components 1.Install the packages: yum install ...

  5. combox使用要点

    <select id="node_type" name="node_type" class="easyui-combobox" req ...

  6. 深入学习QWidget-1

    1.QWidget对事件的抓取和放手.主要有例如以下几个接口 grabGesture 抓取输入手势 ungrabGesture 取消抓取手势 grabKeyboard 抓取键盘输入 grabMouse ...

  7. iOS开源库–最全的整理

    本文转载至 http://www.code4blog.com/archives/505 youtube下载神器:https://github.com/rg3/youtube-dl我擦咧vim插件:ht ...

  8. sublime text 3 并列显示

    alt+shift+1:显示一列 alt+shift+2:显示二列 alt+shift+3:显示三列 ......

  9. Jmeter--正则表达式提取值

    博客首页:http://www.cnblogs.com/fqfanqi/ 设置界面如下: Apply to:应用范围的选择: Field to check:检查的领域,即需要提取内容的地方. 下面是各 ...

  10. HDU 4059 The Boss on Mars(容斥原理)

    The Boss on Mars Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others) ...