安装ionic
npm install -g ionic |
更新www/lib/ionic 目录的文件,如有项目中有bower,此命令会运行bower update ionic, 否则则会从CDN上下载文件并替换。
ionic lib update |
创建一个项目,其中template可以是内置的模板类型:blank/sidemenu/tabs(default)三种,也可以是github地址 (这叫ionoic-starter),或者是Codepen starter地址
可选的参数: -a your_app_name -i com.yourcompany.youapp -w (不要用cordova)
ionic start your_app_name [template] |
启动一个本地的server,在浏览器中打开,并可监视文件变化,随时刷新浏览器。
ionic serve [options] |
在浏览器中打开iOS和andriod的显示界面
ionic serve --lab |
指明一个外部的ip地址,可以让外部用户查看。
ionic serv --address 192.168.89.1 |
添加目标平台
ionic platform add ios/android |
构建平台
ionic build ios/android |
使用模拟器模拟ios,该命令等价于: ionic run ios
ionic emulate ios [options] //ionic run ios [options] |
使用模拟器或设备运行应用。
options的选项包括:
-l //livereload, 实时刷新变化。 |
-c //打印app里的console |
-s //打印设备的console |
-p //指定设备的端口 |
-i //指定livereload的重刷端口 |
--debug //debug |
--release //release |
当处于livereload模式时,使用r重启客户端,使用 g your_url 跳转到指定url, 使用c启动或关闭console,使用s启动或关闭设备的console, 使用q退出。
可以在主目录下的ionic.project文件的watchPatterns中配置要监视的文件夹。如:
{ "name": "", "app_id": "", "watchPatterns": [ "", "" ] |
ionic会将本地的资源文件(支持png、psd和ai,尺寸越大越好)上传到它的服务器进行处理。
本地资源文件放到resources目录下,如果是某个平台单独的资源,可以放到对应平台下,比如resources/Android/icon.png。
这样就会把处理好的资源自动放到该平台下,而不是所有平台都放。
ionic resources [--splash] [--icon] |
该命令上传自己的项目到ionic服务器,上传完成后会有一个项目编号。
安装Ionic View的app,使用ionic的账号登录进去,可以查看自己的项目。
也可以直接登录ionic的app网站,下载其他平台的app。
ionic upload |
查看系统情况
ionic info |
安卓自带浏览器性能不好,可以安装一个壳(crosswalk),这将安装一个Chromium内核。
ionic browser add crosswalk |
查看可用的browser
ionic browser list |
删除安装的browser
ionic browser revert android/ios |
先删除平台和插件,再安装package.json文件中的平台和插件。
ionic state reset |
首先查看的平台,并保存名称和package.json下cordovaplatforms属性。
然后查看fetch.json文件,保存cordova插件注册表,本地安装的插件,以及从GitHub或远程HTTP URL远程插件
ionic state save |
先删除平台和插件,然后按照package.json文件中包含的平台和插件重新安装。
ionic state clear |