ionic学习笔记—常用命令
Ionic CLI介绍
Ionic CLI是开发Ionic应用程序过程中使用的主要工具。它就像一个瑞士军刀:它在一个界面下汇集了大量工具。 CLI包含许多对Ionic开发至关重要的命令,例如start,build,serve和run。 它还包含emulate和info等命令,这些命令在某些情况下可以提供一些帮助。
详细请参考官方文档: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
参考:
ionic学习笔记—常用命令的更多相关文章
- Redis学习笔记--常用命令
以下为本人学习Redis的备忘录,记录了大部分常用命令 1.客户端连接redis服务端: ===启动Redis服务端 redis-server /yourpath/redis.conf ===启动Re ...
- Hexo学习笔记--常用命令及部署步骤
参考资料: Hexo搭建Github静态博客:http://www.cnblogs.com/zhcncn/p/4097881.htmlHexo:独立博客新玩法:http://www.aips.me/h ...
- SQL学习笔记---常用命令
常用命令 变量 1.声明 declare @变量名 类型,… 2.赋值 1.同时赋值多个变量(可以结合查询) select @变量名=表达式1,表达式2 2.单个赋值(推荐) set @变量名=表达式 ...
- Redis学习笔记~常用命令总结
回到目录 客户端redis-cli常用的命令总结 连接到服务器 redis-cli -h 127.0.0.1 -p 6379 --连接指定的redis服务器 发布/订阅, pub/sub模式运行在re ...
- MongoDB学习笔记—常用命令
这里记录一下MongoDB常用的命令 数据库相关 创建数据库 use DATABASE_NAME 如果数据库不存在,则创建数据库,否则切换到指定数据库. 删除数据库:切换到要删除的数据库下,执行命令即 ...
- linux/linux学习笔记-常用命令(mooc)
一.命令基本格式及文件处理命令 1.linux命令格式 简化选项用-表示,完整选项用--表示 注:linux通过权限位第1位(-:文件 / d:目录 / l:链接文件 来区分文件类型) 2.linux ...
- git 学习笔记(常用命令)
1.新建一个文件,如果没有使用git add 命令将它提交到暂存区,那么这个文件就还没有被跟踪. 2.通过配置.gitignore文件可以指定要忽略的文件,被忽略的文件夹是不会被提交到暂存区的.所以这 ...
- GIT学习笔记——常用命令
最近使用使用GIT较多,但命令很容易就忘记了,于是整理下,大多整理与一些文档和他人博客 在当前目录新建建一个纯git代码库 $ git --bare init 在当前目录新建一个Git代码库 $ gi ...
- Redis学习笔记-常用命令篇(Centos7)
redis提供了丰富的命令,这些命令可以在linux终端使用.在各类语言中,这些命令都有对应的方法. 一.键值相关 1.keys 返回满足给定pattern的所有key 127.0.0.1:6379& ...
随机推荐
- sitemesh 2.4 装饰器学习
SiteMesh 是一个网页布局和修饰的框架,利用它可以将网页的内容和页面结构分离,以达到页面结构共享的目的 SiteMesh是OpenSymphony团队开发的JEE框架之一,它是一个非常优秀的页面 ...
- PL/SQL查询结果中文乱码
新建变量,设置变量名:NLS_LANG,变量值:SIMPLIFIED CHINESE_CHINA.ZHS16GBK,确定即可
- spring 多个数据库之间切换
多数据源问题很常见,例如读写分离数据库配置. 原来的项目出现了新需求,局方要求新增某服务器用以提供某代码,涉及到多数据源的问题. 研究成果如下: 1.首先配置多个datasource [html] v ...
- 八大CMS内容管理系统推荐
cms系统哪个好 感谢 64320 的投递 时间:2015-03-05 来源:http://www.iisp.com/ztview/ID_16129.html?s=bios 耐思尼克 很多新手站长初次 ...
- 偶遇 sqlserver 参数嗅探
需求: 费用统计 环境: 查询设计多张大表 解决方案: 优化查询语句,封装成存储过程,建立索引,最终查询速度很不错.部署上线,告一段落... 一段时间后投诉来了... 客户投诉说查询没内容,我看了日志 ...
- 使用AllocConsole()添加调试用控制台
AllocConsole 函数 为调用进程分配一个新的控制台. 使用步骤: 1. AllocConsole(); //分配控制台 2. HANDLE g_hOutput=GetStdHandle( ...
- nodejs 聊天室简单实现
前言 博客园的样式真心不会用啊,看着大大们的博客各种好看,心里无奈啊,只能慢慢摸索了. 最近的项目nodejs+wcf+app,app直接从wcf服务获取数据,nodejs作为单独的服务器为app提供 ...
- SQL语句大全2
SQL 语句大全 --语 句 功 能 --数据操作 SELECT --从数据库表中检索数据行和列 INSERT --向数据库表添加新数据行 DELETE --从数据库表中删除数据行 UPDATE -- ...
- VS2012使用正则删除空行
1:Ctrl + H 打开快速替换窗口 2:输入:^\s\S*$\n 3:点击使用正则替换的选项
- 【BZOJ】3394: [Usaco2009 Jan]Best Spot 最佳牧场(floyd)
http://www.lydsy.com/JudgeOnline/problem.php?id=3394 裸的floyd.. #include <cstdio> #include < ...