官网地址:

https://beta.ionicframework.com/docs/

1.安装nodeJs

2.安装android sdk

下载安卓镜像(也可使用自己的安卓手机)

https://cnodejs.org/topic/4f9904f9407edba21468f31e

3. 安装cordova, npm install -g cordova

4.安装ionic

https://ionicframework.com/docs/components/#icon-list

5.intellij 打开项目,运行app,

cd app

ionic serve

//cordova serve

chrome浏览器即可调试

导入单个插件

npm install ionic-angular

运行app到安卓或苹果手机

cordova platform add android

ionic cordova run android

echo |set /p=”8933bad161af4178b1185d1a37fbf41ea5269c55″ >“%ANDROID_HOME%\licenses\android-sdk-license”

npm安装模块

  • 【npm install xxx】利用 npm 安装xxx模块到当前命令行所在目录;

  • 【npm install -g xxx】利用npm安装全局模块xxx;

本地安装时将模块写入package.json中:

  • 【npm install xxx】安装但不写入package.json;

  • 【npm install xxx –save】 安装并写入package.json的”dependencies”中;

  • 【npm install xxx –save-dev】安装并写入package.json的”devDependencies”中。

npm 删除模块

【npm uninstall xxx】删除xxx模块;

【npm uninstall -g xxx】删除全局模块xxx;

通过USB电缆将设备连接到计算机并使用以下命令验证连接是否正常:

adb devices

使用以下命令查看所有可用模板:

ionic start --list

创建ionic4 项目

ionic start myApp tabs --type=angular

生成新功能

ionic generate

导包

npm install

创建组件

ionic g component loginModel

1、新建的ionic项目有四个页面,下面在home页面下创建新的模块

新建页面ionic g page newPage

如果项目中没有home.module.ts,则新建此文件,home.module.ts代码如下

参考延迟加载

https://www.imooc.com/article/26963?block_id=tuijian_wz

android虚拟机运行

参考:

https://blog.csdn.net/xyzz609/article/details/52040108

首先要打开虚拟机

ionic cordova emulate

ionic build android --prod --release

ionic3 添加crosswalk 打包成一个apk

https://www.cnblogs.com/hbyjw/articles/9012889.html

打包  jarsigner签名 签名时以管理员运行

https://www.cnblogs.com/chenglu/p/8608121.html

error: resource android:attr/fontVariationSettings resource android:attr/ttcIndex not found.

https://blog.csdn.net/wumama123/article/details/79493190

a) ionic cordova  platform add android

b) ionic cordova build android 【debug版本,无需签名】

c) ionic cordova build android --release 【发布版,需要签名(要使用jarsigner签名必须用release版本)】

d) ionic cordova build android --release --prod => 优化启动速度,解决启动白屏

--------------------- 本文来自 yi好快的刀 的CSDN 博客 ,全文地址请点击:

打包:

https://blog.csdn.net/weixin_39461487/article/details/79387250?utm_source=copy

debug中多个apk:

https://blog.csdn.net/qq_27635331/article/details/80192737

cdvBuildMultipleApks=false

build不了android项目:

configurations.all { resolutionStrategy { force 'com.android.support:support-v4:27.1.0' }}

ionic 笔记-wzq相关推荐

  1. liunx 学习笔记-wzq

    vim: ctrl+d down 半页 ctrl+u up 半页 :1 头 :$ 尾 查询在线用户: who 将数据同步写入磁盘 sync 关机 发送消息:shutdown -k 关机指定时间: sh ...

  2. Ionic 学习笔记

    本文为原创,转载请注明出处: cnzt       文章:cnzt-p http://www.cnblogs.com/zt-blog/p/7831153.html 注: 本篇学习笔记基于Ionic 3 ...

  3. Ionic 学习笔记之-痛彻心扉的环境搭建

    Ionic 学习笔记之-痛彻心扉的环境搭建 最近在学习Ionic 做多平台的应用.跨平台应用.就是用html写的界面.js实现逻辑. 在学ionic之前选了各种跨平台APP开发框架.最后选择了ioni ...

  4. 观《phonegap第三季 angularjs+ionic视频教程 实时发布》学习笔记(一)

    一. phonegap 性能优化 以及 phonegap + Angularjs +ionic 1.安装包括:nodejs-cordova-ionic,sdk,phonegap等等: 2.怎样吧导航设 ...

  5. ionic学习笔记2

    $ionicBackdrop ionic 背景层 我们经常需要在 UI 上,例如在弹出框.加载框.其他弹出层中显示或隐藏背景层. 在组件中可以使用$ionicBackdrop.retain()来显示背 ...

  6. ionic+vue+capacitor系列笔记--02项目中集成Capacitor,添加android,ios平台,真机运行项目

    Capacitor是什么? Capacitor是由ionic团队开发的一款跨平台移动应用构建工具,可轻让我们轻松的构建Android.iOS.Electron和Web应用程序. Capacitor是A ...

  7. ionic+vue+capacitor系列笔记--03项目使用Native插件

    1. 下载依赖 npm install @capacitor/camera 添加权限配置代码到安卓文件夹里的 AndroidManifest.xml <uses-permission andro ...

  8. Hello Ionic - Ionic学习笔记

    带图版:http://note.youdao.com/share/?id=16ffdbff795502afad925c124fd010c5&type=note Ionic介绍 Ionic 是一 ...

  9. ionic开发笔记三:ionic开发时候需要用到的网址

    首先最主要,最常用的onic官方网站: http://ionicframework.com/docs/v2/api/ ionic中文社区: http://ionichina.com/ github官网 ...

最新文章

  1. python如何启动app_Python手机app爬虫|Airtest连接多个手机的时候,如何启动APP-start_app...
  2. PTA数组作业一查找整数
  3. 写给新手程序员的一封信
  4. 【转】GLSL资料收集
  5. 并发容器之CopyOnWriteArrayList
  6. 过滤被7整除或者包含7的数子
  7. Android用户界面设计“.NET研究”:框架布局
  8. 【图像处理】——改变图像的大小(降采样重采样)下采样和上采样
  9. python赋值语句的一般格式为_[零基础学Python]赋值,简单也不简单
  10. CVE-2019-15107 Webmin远程命令执行漏洞复现
  11. java8-Optional
  12. std::lexicographical_compare
  13. java slider如何设置成可变的_Java自定义JSlider UI
  14. python生成曲线图
  15. C语言判断完数(完整版)
  16. 使用python控制其他软件运行_Python实现运行其他程序的四种方式实例分析
  17. UMD算法讲义——Lecture 2:算法设计:稳定婚姻问题
  18. 什么才是高标准要求自己?
  19. JavaScript的escape和encodeURI
  20. web3.js的provider

热门文章

  1. R语言与数据分析(8)-获取帮助
  2. iMeta:已被谷歌学术(Google Scholar)收录
  3. B站讲演 | 我为什么要做科普视频?
  4. 这个40M的小工具助你在windows下处理数据如虎添翼!!
  5. 合种侧柏、油松专车3天4000能量领证
  6. R语言使用DALEX包的model_profile函数对caret包生成的多个算法模型的离散变量进行分析、使用偏依赖图(Partial Dependence Plots)解释某个离散特征和目标y的关系
  7. Python使用matplotlib保存图像时发生自动裁剪丢了部分标签信息解决方案(plt.savefig保存时丢失了部分标签字符)
  8. R语言If、Else条件语句实战
  9. 人类基因组注释包org.Hs.eg.db
  10. 生信基础巩固Linux篇