欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

【工具相关】Web-ionic-ionicLab的使用

程序员文章站 2022-05-16 10:24:12
一,下载地址为:http://lab.ionic.io/,下载后直接安装即可。图标如下图所示: 二,打开ionicLab,如下图所示: 三,打开一个已有的文件,File-->Open Existing Application >找到myApp-->如下图所示: 四,运行myApp,点击Serve.如 ......

一,下载地址为:,下载后直接安装即可。图标如下图所示:

 

【工具相关】Web-ionic-ionicLab的使用

 

二,打开ionicLab,如下图所示:

 

【工具相关】Web-ionic-ionicLab的使用

 

三,打开一个已有的文件,File-->Open Existing  Application--->找到myApp-->如下图所示:

 

【工具相关】Web-ionic-ionicLab的使用

 

四,运行myApp,点击Serve.如下图所示:

 

【工具相关】Web-ionic-ionicLab的使用

 

五,运行成功。

 

六,ios代表iOS环境。

     Andorid代表安卓环境。

     Serve代表浏览器。

     Emulate代表模拟器。

     Run代表运行。

     Build代表编译。

     Upload代表上传。

     右上角的图标可以查看日志记录。

 

参考资料:《菜鸟教程》