安装ionic
更新www/lib/ionic 目录的文件,如有项目中有bower,此命令会运行bower update ionic, 否则则会从CDN上下载文件并替换。
创建一个项目,其中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,在浏览器中打开,并可监视文件变化,随时刷新浏览器。
在浏览器中打开ios和andriod的显示界面
指明一个外部的ip地址,可以让外部用户查看。
ionic serv --address 192.168.89.1
|
添加目标平台
ionic platform add ios/android
|
构建平台
使用模拟器模拟ios,该命令等价于: ionic run ios
ionic emulate ios [options] //ionic run ios [options]
|
使用模拟器或设备运行应用。
options的选项包括:
当处于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。
安卓自带浏览器性能不好,可以安装一个壳(crosswalk),这将安装一个Chromium内核。
ionic browser add crosswalk
|
查看可用的browser
删除安装的browser
ionic browser revert android/ios
|
先删除平台和插件,再安装package.json文件中的平台和插件。
首先查看的平台,并保存名称和package.json下cordovaplatforms属性。
然后查看fetch.json文件,保存cordova插件注册表,本地安装的插件,以及从GitHub或远程HTTP URL远程插件
先删除平台和插件,然后按照package.json文件中包含的平台和插件重新安装。