Ionic CLI介绍

Ionic CLI是开发Ionic应用程序过程中使用的主要工具。它就像一个瑞士军刀:它在一个界面下汇集了大量工具。 CLI包含许多对Ionic开发至关重要的命令,例如startbuildserverun。 它还包含emulateinfo等命令,这些命令在某些情况下可以提供一些帮助。

详细请参考官方文档:https://ionicframework.com/docs/cli/

常用命令

创建Ionic3项目

使用命令行进入工作目录,执行以下命令:

ionic start myApp tabs

tabs是Ionic的Tabs模板,常用的还有blank(空白模板)、sidemenu(带有侧滑菜单的模板)、super、tutorial,更多模板可以到GitHub中查找。

运行项目

cd myApp
ionic serve

如果运行失败的可能原因及处理方法:1.根据错误提示,检查npm、ionic、cordova、cli等版本,更新为最新版本;2.删除项目下的“node_modules”目录,执行“npm install”重新下载依赖包;

创建页面

(将在/myApp/src/pages/目录下创建名为login的目录,包含login.html、login.scss、login.ts、login.module.ts,页面名称为LoginPage)

ionic generate page login

如需指定创建目录,使用参数--pagesDir :

ionic g page user-photo --pagesDir src/pages/my-center/my-info

创建页面

(不生成login.module.ts)

ionic generate page login --no-module

创建服务

(将在/myApp/src/providers/目录下创建名为article-service的目录和.ts,服务名称为ArticleServiceProvider)

ionic generate provider article-service

创建组件

ionic generate component popup

创建指令

ionic generate directive go-home

添加/删除Android平台

ionic cordova platform add android
ionic cordova platform remove android

更新引导页和图标

将引导页和图标图片复制到/myApp/resources/目录下,分别为icon.png、splash.png(目前只支持png,请按照要求尺寸进行设计)

ionic cordova resources

该命令将生成Android和IOS平台下各种屏幕尺寸的图片,并自动复制到添加的平台资源中。如果没有添加到平台资源中,可以手动复制/myApp/yqj/platforms/android/res/目录下。如果该命令生成的图片不符合要求,可以使用PS创建规定尺寸的图片。

在Android上运行测试

ionic cordova run android

在Android上运行测试

livereload模式(更改代码将会同步至手机)(该模式部分功能受限)

ionic cordova run android -l

为App添加WebView

ionic cordova plugin add cordova-plugin-crosswalk-webview --save

注:在生成apk时,将生成两个apk文件armv7和x86,分别针对不同cpu平台。如果你使用到软件更新,或使用到VersionCode,那么你需要注意了:最终产生的VersionCode可能和你估计的不一样,armv7和x86两个apk将被分配不同的VersionCode,例如:你设置的VersionCode为1,armv7版本将变为12(末尾加上2),x86版本将变为14(末尾加上4),类似的如果设置1000将变成10002或10004,具体数值请进行实际测试。

生成apk文件

ionic cordova build android --prod --release

创建签名

进入/myapp/platforms/android/build/outputs/apk/目录

执行命令,输入签名信息,将生成myapp.keystore

keytool -genkey -v -keystore myapp.keystore -alias myapp.keystore -keyalg RSA -keysize 2048 -validity 10000

执行签名

jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore myapp.keystore android-armv7-release-unsigned.apk myapp.keystore

优化安装包

C:\Program Files\Android\sdk\build-tools\23.0.3\zipalign.exe -v 4 android-armv7-release-unsigned.apk myapp-armv7-release.apk

 

参考:

Ionic3常用命令

Ionic CLI使用教程指南

ionic学习笔记—常用命令的更多相关文章

  1. Redis学习笔记--常用命令

    以下为本人学习Redis的备忘录,记录了大部分常用命令 1.客户端连接redis服务端: ===启动Redis服务端 redis-server /yourpath/redis.conf ===启动Re ...

  2. Hexo学习笔记--常用命令及部署步骤

    参考资料: Hexo搭建Github静态博客:http://www.cnblogs.com/zhcncn/p/4097881.htmlHexo:独立博客新玩法:http://www.aips.me/h ...

  3. SQL学习笔记---常用命令

    常用命令 变量 1.声明 declare @变量名 类型,… 2.赋值 1.同时赋值多个变量(可以结合查询) select @变量名=表达式1,表达式2 2.单个赋值(推荐) set @变量名=表达式 ...

  4. Redis学习笔记~常用命令总结

    回到目录 客户端redis-cli常用的命令总结 连接到服务器 redis-cli -h 127.0.0.1 -p 6379 --连接指定的redis服务器 发布/订阅, pub/sub模式运行在re ...

  5. MongoDB学习笔记—常用命令

    这里记录一下MongoDB常用的命令 数据库相关 创建数据库 use DATABASE_NAME 如果数据库不存在,则创建数据库,否则切换到指定数据库. 删除数据库:切换到要删除的数据库下,执行命令即 ...

  6. linux/linux学习笔记-常用命令(mooc)

    一.命令基本格式及文件处理命令 1.linux命令格式 简化选项用-表示,完整选项用--表示 注:linux通过权限位第1位(-:文件 / d:目录 / l:链接文件 来区分文件类型) 2.linux ...

  7. git 学习笔记(常用命令)

    1.新建一个文件,如果没有使用git add 命令将它提交到暂存区,那么这个文件就还没有被跟踪. 2.通过配置.gitignore文件可以指定要忽略的文件,被忽略的文件夹是不会被提交到暂存区的.所以这 ...

  8. GIT学习笔记——常用命令

    最近使用使用GIT较多,但命令很容易就忘记了,于是整理下,大多整理与一些文档和他人博客 在当前目录新建建一个纯git代码库 $ git --bare init 在当前目录新建一个Git代码库 $ gi ...

  9. Redis学习笔记-常用命令篇(Centos7)

    redis提供了丰富的命令,这些命令可以在linux终端使用.在各类语言中,这些命令都有对应的方法. 一.键值相关 1.keys 返回满足给定pattern的所有key 127.0.0.1:6379& ...

随机推荐

  1. 有了 tldr,妈妈再也不用担心我记不住命令了

    引言 有一次我在培训时说「程序员要善于使用 Terminal 以提高开发效率」,一位程序员反驳道:「这是 21 世纪,我们为什么要用落后的命令行,而不是先进的 GUI?」 是的,在一些人眼里,这个黑黑 ...

  2. PHP学习笔记(13)班级和学生管理---班级

    两个文件夹,一个班级cls,一个学生stu. 两个表,一个班级cls,一个学生stu. 每个文件夹里有7个php文件:主界面cls.php-------增add.php,insert.php----- ...

  3. android最佳实践的建议(翻译自android-best-practices)

    Best practices in Android development Use Gradle and its recommended project structure 使用Gradle和其推荐的 ...

  4. java.lang.NoSuchMethodError: org.apache.spark.util.ThreadUtils$.newDae

    -classpath "C:\Program Files\Java\jdk1.8.0_131\jre\lib\charsets.jar;C:\Program Files\Java\jdk1. ...

  5. php安装redis扩展初始化失败解决办法

    错误信息如下: PHP Warning: PHP Startup: redis: Unable to initialize module Module compiled with module API ...

  6. Python_selenium之窗口切换(二)

    Python_selenium之窗口切换(二)一.思路拆分1. 之前有介绍窗口切换,这里加上断言部分2. 这里还是以百度新闻为例,获取百度新闻网址http://news.baidu.com/3. 同样 ...

  7. 5、手把手教React Native实战之盒子模型BoxApp

    用HTML5和React Native分别实现盒子模型显示 写法不一样: 1.样式 ![样式不同](http://image17-c.poco.cn/mypoco/myphoto/20160323/0 ...

  8. Request的属性和防止图片被盗链

    Request.AppRelativeCurrentExecutionFilePath,获取当前执行请求相对于应用根目录的虚拟路径,以~开头,比如"~/default.ashx" ...

  9. 转载:定位ARM Hard Fault 的方法

    转载自:http://www.openedv.com/posts/list/25030.htm 1.用Keil的话,可以做如下操作: 先将fault中断函数的内容改为: HardFault_Handl ...

  10. MVC 发布程序 HTTP 错误 403.14 - Forbidden 及 HTTP 错误 404.2 - Not Found

    新建立的MVC项目发布程序后会浏览网站可能会有问题 这时不要去按照系统提示打开“目录浏览”,而是应该去做一些配置 具体步骤: 1:配置web.Config <system.webServer&g ...