ionic2/3学习指引-常用命令

前言

  • ionic命令就是一些'脚本文件',有些是ionic团队开发的,有些是直接用第三方的.
  • ionic cli目前(2017年6月10日)版本是3.3.但是2.x版本和3.x版本差异比较大,这里分别介绍cli2.x和3.x
  • ionic cli github

ionic cli 2.x版本

  • 通过命令ionic可以查看ionic所有命令及命令简介
    ionic2/3学习指引-常用命令_第1张图片
  • 通过ionic help 具体命令名可以查看具体命令使用参数和详细解释
    ionic2/3学习指引-常用命令_第2张图片
  • 我们使用了start命令的--list参数


    ionic2/3学习指引-常用命令_第3张图片
  • 请熟读各个命令的描述

ionic cli 3.x版本

  • 如下图,ionic3.x版本分了全局命令和项目命令.项目命令就是执行环境一定要在ionic项目目录下
    ionic2/3学习指引-常用命令_第4张图片
  • 查看命令详情方式还是和cli2.x一样,通过ionic help 具体命令名
    ionic2/3学习指引-常用命令_第5张图片
  • 请熟读各个命令的描述

ionic cli 4.x版本

ionic2/3学习指引-常用命令_第6张图片
  • 通过--help查看查看命令详情,如下图ionic start命令详情,其中angular表示ionic4项目,ionic-angular表示ionic3项目,则
ionic start myApp tabs --type=angular         创建ionic4项目
ionic start myApp tabs --type=ionic-angular   创建ionic3项目
ionic2/3学习指引-常用命令_第7张图片

常用命令

    ionic serve..........................最常用,在浏览器上运行app,开发调试
    ionic serve --lab....................在浏览器上运行app,同时打开android,ios,windows三个app界面
    ionic build..........................打包src源码到www文件下
    ionic build --prod...................压缩src源码后打包到www文件下

    cordova build android................把www文件夹下的前端资源打包成apk
    ionic cordova build android..........把src下的源码打包到www文件夹下,再打包成apk
    cordova run android..................手机用usb连接电脑,执行此命令直接把debug apk安装在手机上
    ionic cordova run android............把src源码生成到www,在生产apk安装到手机上
    cordova build android --release......输出安卓生产环境apk,需要生成并添加.keystore文件
    ionic cordova build android --prod --release   把src源码生成到www,输出生产环境apk

    cordova platform add android.........添加安卓平台
    cordova platform rm android..........删除安卓平台
    cordova plugin add 插件名/插件地址....添加cordova插件,这个插件地址可以是github的项目地址,也可以是一个本地文件夹路径
    cordova plugin rm 插件名..............删除已安装的cordova插件
    cordova plugin list..................列出所有已安装插件

    ionic resources [--splash][--icon]...将图标命名为icon(1024*1024),启动画面命名为splash(2732*2732),格式支持png、psd和ai,放到resources文件夹下
            执行ionic resources可生成不同分辨率手机所需要的icon和splash
            执行ionic resources --icon只生成图标
            执行ionic resources --splash只生成启动画面
    ionic info...........................查看ionic版本信息
  • 在mac上执行命令,需要把以上命令中的android换成ios,并且一般需要加sudo前缀,如果不想加sudo前缀可以看这里

其他命令

    cnpm install......................下载app依赖,运行app前必须先下载依赖,最终在app根目录生成node_modules文件夹
    adb install -r android-debug.apk..安装当前目录下名字为'android-debug'的apk到手机上,前提是数据线连接手机和电脑
    adb devices.......................判断手机通过usb是否真的连通,只有当状态为__device__才表示手机和电脑真正连同,如下图
    如果执行此命令输出'不是内部或外部命令,也不是可运行的程序'则说明android sdk Extras没下载正确
ionic2/3学习指引-常用命令_第8张图片
adb devices

其他

  • 常用命令比较多,经常输入也比较费时,点这里看如何给命令起别名(缩写)
  • 要深入了解ionic cli的实现则需要了解npm scripts及nodejs

你可能感兴趣的:(ionic2/3学习指引-常用命令)