ionic 笔记-wzq
官网地址:
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相关推荐
- liunx 学习笔记-wzq
vim: ctrl+d down 半页 ctrl+u up 半页 :1 头 :$ 尾 查询在线用户: who 将数据同步写入磁盘 sync 关机 发送消息:shutdown -k 关机指定时间: sh ...
- Ionic 学习笔记
本文为原创,转载请注明出处: cnzt 文章:cnzt-p http://www.cnblogs.com/zt-blog/p/7831153.html 注: 本篇学习笔记基于Ionic 3 ...
- Ionic 学习笔记之-痛彻心扉的环境搭建
Ionic 学习笔记之-痛彻心扉的环境搭建 最近在学习Ionic 做多平台的应用.跨平台应用.就是用html写的界面.js实现逻辑. 在学ionic之前选了各种跨平台APP开发框架.最后选择了ioni ...
- 观《phonegap第三季 angularjs+ionic视频教程 实时发布》学习笔记(一)
一. phonegap 性能优化 以及 phonegap + Angularjs +ionic 1.安装包括:nodejs-cordova-ionic,sdk,phonegap等等: 2.怎样吧导航设 ...
- ionic学习笔记2
$ionicBackdrop ionic 背景层 我们经常需要在 UI 上,例如在弹出框.加载框.其他弹出层中显示或隐藏背景层. 在组件中可以使用$ionicBackdrop.retain()来显示背 ...
- ionic+vue+capacitor系列笔记--02项目中集成Capacitor,添加android,ios平台,真机运行项目
Capacitor是什么? Capacitor是由ionic团队开发的一款跨平台移动应用构建工具,可轻让我们轻松的构建Android.iOS.Electron和Web应用程序. Capacitor是A ...
- ionic+vue+capacitor系列笔记--03项目使用Native插件
1. 下载依赖 npm install @capacitor/camera 添加权限配置代码到安卓文件夹里的 AndroidManifest.xml <uses-permission andro ...
- Hello Ionic - Ionic学习笔记
带图版:http://note.youdao.com/share/?id=16ffdbff795502afad925c124fd010c5&type=note Ionic介绍 Ionic 是一 ...
- ionic开发笔记三:ionic开发时候需要用到的网址
首先最主要,最常用的onic官方网站: http://ionicframework.com/docs/v2/api/ ionic中文社区: http://ionichina.com/ github官网 ...
最新文章
- python如何启动app_Python手机app爬虫|Airtest连接多个手机的时候,如何启动APP-start_app...
- PTA数组作业一查找整数
- 写给新手程序员的一封信
- 【转】GLSL资料收集
- 并发容器之CopyOnWriteArrayList
- 过滤被7整除或者包含7的数子
- Android用户界面设计“.NET研究”:框架布局
- 【图像处理】——改变图像的大小(降采样重采样)下采样和上采样
- python赋值语句的一般格式为_[零基础学Python]赋值,简单也不简单
- CVE-2019-15107 Webmin远程命令执行漏洞复现
- java8-Optional
- std::lexicographical_compare
- java slider如何设置成可变的_Java自定义JSlider UI
- python生成曲线图
- C语言判断完数(完整版)
- 使用python控制其他软件运行_Python实现运行其他程序的四种方式实例分析
- UMD算法讲义——Lecture 2:算法设计:稳定婚姻问题
- 什么才是高标准要求自己?
- JavaScript的escape和encodeURI
- web3.js的provider
热门文章
- R语言与数据分析(8)-获取帮助
- iMeta:已被谷歌学术(Google Scholar)收录
- B站讲演 | 我为什么要做科普视频?
- 这个40M的小工具助你在windows下处理数据如虎添翼!!
- 合种侧柏、油松专车3天4000能量领证
- R语言使用DALEX包的model_profile函数对caret包生成的多个算法模型的离散变量进行分析、使用偏依赖图(Partial Dependence Plots)解释某个离散特征和目标y的关系
- Python使用matplotlib保存图像时发生自动裁剪丢了部分标签信息解决方案(plt.savefig保存时丢失了部分标签字符)
- R语言If、Else条件语句实战
- 人类基因组注释包org.Hs.eg.db
- 生信基础巩固Linux篇