ionic android 教程,Ionic Capacitor Android环境搭建 创建项目
Capacitor是由ionic团队开发的一款跨平台移动应用构建工具，可轻让我们轻松的构建Android、iOS、Electron和Web应用程序。
Capacitor是Apache Cordova和Adobe PhoneGap的继承者，不仅可以把我们用html css js写的代码打包成原生app，还可以让我们使用js调用手机上面原生的Api。目前Capacitor已经成为Ionic应用程序的默认打包工具，你可以继续选择使用cordova或者尝试使用Capacitor。Capacitor官方不仅给我们提供了常见的Api插件，还提供了Cordova兼容层，允许我在Capacitor项目中使用现有的Cordova插件。
下面我们看看如何在Windows上面搭建Capacitor Android运行环境
一、安装ionic cli 创建一个ionic项目
1、学习Ioinc Vue之前的准备工作
1、必须得安装nodejs (建议安装最新的稳定版本)
2、必须有Vue3.x基础：https://www.itying.com/goods-1147.html
2、安装Ionic
npm install -g @ionic/cli
或者
cnpm install -g @ionic/cli
3、创建项目
ionic start myApp tabs
二、电脑上面安装配置JDK
1、下载安装JDK
2、配置JDK
1、系统变量里面新增JAVA_HOME，设置值为java sdk 根目录：
2、系统变量找到Path 在Path环境变量里面增加如下代码
;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin
注意环境变量之间的;(英文分号)
三、电脑上下载安装Android Studio
四、Ionic项目中集成Capacitor
1、项目中启用capacitor
cd myApp
ionic integrations enable capacitor
2、配置应用名称 应用包名
npx cap init [appName] [appId]
如：
npx cap init itying io.jdshop.com
appName是您的应用程序的名称，appId是您的应用程序域标识符(例如：com.example.app)
3、编译我们的ionic项目
ionic build
4、添加平台
npx cap add ios
npx cap add android
5、将您的应用与capacitor同步
每次执行ionic build更改Web目录的构建(例如)时(默认值：)www，您都需要将这些更改复制到本地项目中：
npx cap copy
6、打开IDE运行和部署
本机iOS和Android项目在其标准IDE(分别为Xcode和Android Studio)中打开。使用IDE运行和部署您的应用程序。
npx cap open ios
npx cap open android
注意：每次修改代码后需要先编译 ionic build 然后调用npx cap copy同步代码，最后再去android studio中运行。
五、Android Studio中导入运行Ionic项目 运行项目
ionic android 教程,Ionic Capacitor Android环境搭建 创建项目相关推荐
- 记一次Android全流程开发体验经历以及Android Studio使用【从环境搭建到项目打包发布 + 真实踩坑总结】
前言 临时安排接手一个 Android 应用项目开发,庆幸的是 Android APP 已经开发完成,我只需要在我的电脑上运行起来打包看一下效果即可,但是对于一个从未接触过安卓开发的我来说真的是费尽脑 ...
- Android Studio(0)开发开篇 环境搭建 创建工程 2020.3.1版本 虚拟手机
系列文章目录 文章目录 系列文章目录 前言 一.Android Studio简介 二.安装并创建新项目 1.Hello Android 前言 近期因公司开发的项目需要开发手机APP,所以开始学习And ...
- CGB2005 JT-1(jt概述 SqlYog 物理模型图PD 表结构 pom文件标签说明 jt环境搭建 创建项目2种,创建各种文件 idea导入,打包,删除项目，启动原理)
注意事项: 1.京淘项目概述和动吧项目缺点描述 2.把sql文件导入数据库:通过SqlYog可视化工具或者Dos命令窗口. 3.SqlYog说明,和制作物理模型图的工具pd用发. 4.表结构学习 5. ...
- Android资源总结(开发工具/环境搭建/教程/论坛/博客/反编译工具)
Android资源总结(开发工具/环境搭建/教程/论坛/博客/反编译工具) 在Android发展前景相当好的情况下,本人最近搜集了一些关于Android的相关资源,当然包含以前发布的博客内容,进行了一 ...
- 高版本Android真机逆向测试环境搭建
高版本Android真机逆向测试环境搭建 618购入了新机Xiaomi K50,真滴便宜又好用,续航很强界面很丝滑.正好拿来做逆向测试机? 怎么可能!这也太奢侈了!不过淘汰的Xiaomi Note 7 ...
- 【原作者：吴秦（Tyler）http://www.cnblogs.com/skynet/archive/2010/04/12/1709892.html】Android开发之旅：环境搭建及HelloWo
Android开发之旅:环境搭建及HelloWorld 2010-04-12 00:45 by 吴秦, 801360 阅读, 138 评论, 收藏, 编辑 --工欲善其事必先利其器 引言 本系列适合0 ...
- java mvc 小程序_[Java教程]Spring MVC 的环境搭建和入门小程序
[Java教程]Spring MVC 的环境搭建和入门小程序 0 2017-02-17 00:00:16 1.1.下载spring框架包. 1.1.1百度搜索Spring Framework. 进入s ...
- 公众号开发精品教程(1)——绪论及环境搭建
系列文章传送门 公众号开发精品教程(1)--绪论及环境搭建 公众号开发精品教程(2)--将项目接入微信及简单交互 公众号开发精品教程(3)--创建菜单 公众号开发精品教程(4)--生成带参数的二维码及 ...
- 【Hadoop生态圈】1.Hadoop入门教程及集群环境搭建
文章目录 1.简介 2.环境准备 3.安装hadoop 3.修改Hadoop配置文件 3.1.hadoop-env.sh配置 3.2.core-site.xml配置 3.3.hdfs-site.xml ...
- mysql的安装版本有无开发版_moodle 2.0.2 安装图文教程 2——PHP Mysql环境搭建和moodle安装 - 乔木的日志 - ICT教育 - 中小学信息技术教育和教育信息化网站...
moodle 2.0.2 安装图文教程 2--PHP+Mysql环境搭建和moodle安装 热度 6已有 211 次阅读 2011-3-29 16:49 ||关键词:moodle 2 图文安装教程 p ...
最新文章
- 掌握 ASP.NET 之路：自定义实体类简介
- Spring - Java/J2EE Application Framework 应用框架 第 5 章 Spring AOP: Spring之面向方面编程
- C++Runge-Kutta龙格-库塔法求非线性常微分方程的解(附完整源码)
- Eclipse下Tomcat常用设置
- 实现图片本地化 ServiceWorker + IndexedDB
- 上周热点回顾（5.26-6.1）
- RocketMQ入门到入土（二）事务消息顺序消息
- VScode我的setting.json设置，和搜狗输入法配置
- 第五章 修改实现（IMPL）类
- 一年级口算题20以内加减法有哪些技巧
- 一文分析 Only fullscreen opaque activities can request orientation 报错原因及解决方案
- html按钮扁平化,HTML5和CSS3扁平化风格博客教程的资源分享
- 计算机主机显卡吗,没有显卡的电脑能用吗_电脑主机没显卡能用吗－系统城
- 如何高效制作数据可视化大屏，大屏高效制作攻略分享，总有一款适合你
- JVM 逃逸分析 (史上最全)
- mmdetection特征可视化V2
- 论文详读：Beyond Brightening Low-light Images (Kind++)
- Deep C (and C++) by Olve Maudal and Jon Jagger
- CDH5.7.6-CentOS6安装
- Synology群晖 DS920 +，DS420 +，DS720 +，DS220 + NAS横向对比 群晖20plus系列怎么选