美文网首页ionicIonic FrameworkIos@IONIC
开发极加速: ionic livereload

开发极加速: ionic livereload

作者: minichen | 来源:发表于2016-04-17 21:59 被阅读1288次

    基于ionic开发cordova应用。使用模拟器(如:android: Genymotion)+** ionic livereload** 可以极加速你的开发调试进程!

    在项目目录下,命令行:
    ionic run android -lcs

    参数解释如下:
    [--livereload|-l] ....... Live Reload app dev files from the device (beta)
    [--consolelogs|-c] ...... Print app console logs to Ionic CLI (live reload req.)
    [--serverlogs|-s] ....... Print dev server logs to Ionic CLI (live reload req.)

    会去自动连接你已运行的模拟器,并部署启动应用。

    接下来,你修改/编写代码,模拟器上的应用会立即呈现变化!这里分两种情况:

    1. 如果只是改样式(CSS),立即更新!极端节省时间!
    2. 如果改了js源码,一般来说,需要执行reload命令,简写:r
      当前应用会立即重启,以显示效果。注意:是重启,不是重新安装部署,极速!

    但是,但是, 因为还是beta版,有一个小小的遗憾,

    由于livereload是通过在开发机上建立一个http服务器(端口默认8100),并且部署的应用被自动更改为连接该服务器以实时获取代码更新。

    所以,所以。。。

    如果应用的html代码中有访问本手机的资源的情况,

    ( 注意:如果是应用自带资源没问题,“本手机资源” 是指应用运行时下载到本手机存储器上的资源,最常见的是:应用下载保存下来的图片,需要通过img的src来显示。)

    那么就无法访问了,sign...

    如果你不介意的话,可以不用管。

    但是如果你像我一样介意原本应该显示图片的地方是空白的话,可以通过一个小办法:在livereload模式下调试时,可以将显示本地图片的地方的src改成一个在线图片,如 http://www.abc.com/abc.jpg, 相当于占位符,好看些。至于真实图片的调试工作,单独进行。毕竟,逻辑以及样式的调试才是重点。

    **  最后 **,关于集成开发环境的效率:
    现在的IDE(IntelliJ, Eclipse等,我用IntelliJ)的确帮开发者节省了大量时间,值得我们花时间去学习熟练开发环境本身。
    IntelliJ集成模拟器,命令行,catlog,不用东一坨本一坨了。。。
    当然,Eclipse也没问题。

    相关文章

      网友评论

        本文标题:开发极加速: ionic livereload

        本文链接:https://www.haomeiwen.com/subject/tegolttx.html