首 页  -  技术分享  - Ionic 常用命令行解释

Ionic 常用命令行解释

分享者:陈辉     2016-01-21

安装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