ionic几个命令介绍

创建项目:

$ ionic start myApp tutorial

 start----------------------会告诉CLI创建一个新的应用程序

myApp-------项目中的目录名称或应用程序名称

tutorial-----------------作为您的项目的起始模板(官方提供的默认模板)

官方提供的默认模板:

tabs :一个简单的3选项卡布局

sidemenu:侧面有可滑动菜单的布局

blank:一个单独的启动器

super:启动项目超过14个可以使用的页面设计

tutorial:引导项目


 

$ cd myApp
$ ionic cordova platform add android #新增android平台
$ ionic cordova build android #编译,加上--prod会压缩文件,比如我5.4M压缩编译后变成2.4M
$ ionic cordova emulate android #用android模拟器模拟


进入项目根目录,执行

$ ionic serve

创建web站点, 自动打开项目的网址,ionic会监测www文件夹的文件是否发生变化, 从而实时用websocket通知浏览器进行刷新


 2021-04-05_114836.png


5、真机调试


连接真机后,开启“开发者调试”模式后,执行

$ ionic cordova run android



当然,用Ionic Lab这个也非常方便


Ionic Lab 是桌面版的开发环境,如果你不喜欢使用命令行操作,Ionic Lab 将会满足你的需求。

Ionic Lab 为开发者提供了一个更简单的方法来开始,编译,运行,和模拟运行Ionic的应用程序。

Ionic Lab 支持的平台有:Window、Mac OS X、Linux,下载地址为:http://lab.ionic.io/,下载后直接安装即可。整个操作界面如下所示:

评论/留言