开发极加速: ionic livereload

基于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)