笔记_ionic2 app从创建到打包

2024-03-04 22:40
文章标签 app 笔记 创建 打包 ionic2

本文主要是介绍笔记_ionic2 app从创建到打包,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

公司的项目也做了两个多月了,想总结一下ionic开发APP的流程以及过程中遇到的问题和解决办法。

一.创建ionic项目
需要环境:node.js -- 安装cordova和ionic --> npm install-g cordova ionic
ant、gradle、jdk、androidSDK(需要配置环境的去配置环境,然后cmd中-v检测是否安装成功了)
创建1.cmd中进入想要创建项目的文件夹
2.执行命令ionic start demoName tabs/blank/sidemenu
3.

下面有报错,好像是装fsevents这个包的时候出问题了,但文件夹中项目已经建好了:


用webstorm打开,执行命令ionic serve,看看能不能自动打开浏览器跑起来

ok没问题,能跑起来,看来那个报错没有影响项目运行。
修改了home页的文字后,下面就进行编译打包,最终目的是要让其成为能在手机上安装并运行的app。

二.打包ionic项目
打包前还有些准备工作,比如将默认应用图标和启动页修改为自己想要的:
先添加平台,这里用Android演示:
执行命令:ionic cordova platform add android
同样会报那个fsevents包的错:

网上歪果大神的解决办法:

我先不管,配置一下启动图片和应用图标:
启动图片和应用图标都存放在resources文件夹下,我们可以将其替换为自己想要的图片,图片大小最好和人家原来的一样:

原图片的大小:

我更换为了自己的图片,然后执行ionic cordova resources来让ionic自动生成适配各种不同尺寸和分辨率的图标

生成成功,然后下一步就是进行编译,编译指令:ionic cordova build android

表示编译成功,但是会报一个虚拟机内存的错误,导致打包没成功

下面我们通过Android studio打开platform下的Android文件夹来进行虚拟机运行或者打包

后来模拟发现有个bug,就是app启动时启动图没有加载,后来查资料发现,原来是plugins文件夹中缺少了
cordova plugin add cordova-plugin-splashscreen这个插件


这篇关于笔记_ionic2 app从创建到打包的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/774588

相关文章

Vite 打包目录结构自定义配置小结

《Vite打包目录结构自定义配置小结》在Vite工程开发中,默认打包后的dist目录资源常集中在asset目录下,不利于资源管理,本文基于Rollup配置原理,本文就来介绍一下通过Vite配置自定义... 目录一、实现原理二、具体配置步骤1. 基础配置文件2. 配置说明(1)js 资源分离(2)非 JS 资

Spring创建Bean的八种主要方式详解

《Spring创建Bean的八种主要方式详解》Spring(尤其是SpringBoot)提供了多种方式来让容器创建和管理Bean,@Component、@Configuration+@Bean、@En... 目录引言一、Spring 创建 Bean 的 8 种主要方式1. @Component 及其衍生注解

MySQL 数据库表操作完全指南:创建、读取、更新与删除实战

《MySQL数据库表操作完全指南:创建、读取、更新与删除实战》本文系统讲解MySQL表的增删查改(CURD)操作,涵盖创建、更新、查询、删除及插入查询结果,也是贯穿各类项目开发全流程的基础数据交互原... 目录mysql系列前言一、Create(创建)并插入数据1.1 单行数据 + 全列插入1.2 多行数据

Python学习笔记之getattr和hasattr用法示例详解

《Python学习笔记之getattr和hasattr用法示例详解》在Python中,hasattr()、getattr()和setattr()是一组内置函数,用于对对象的属性进行操作和查询,这篇文章... 目录1.getattr用法详解1.1 基本作用1.2 示例1.3 原理2.hasattr用法详解2.

MySQL 临时表创建与使用详细说明

《MySQL临时表创建与使用详细说明》MySQL临时表是存储在内存或磁盘的临时数据表,会话结束时自动销毁,适合存储中间计算结果或临时数据集,其名称以#开头(如#TempTable),本文给大家介绍M... 目录mysql 临时表详细说明1.定义2.核心特性3.创建与使用4.典型应用场景5.生命周期管理6.注

MySQL的触发器全解析(创建、查看触发器)

《MySQL的触发器全解析(创建、查看触发器)》MySQL触发器是与表关联的存储程序,当INSERT/UPDATE/DELETE事件发生时自动执行,用于维护数据一致性、日志记录和校验,优点包括自动执行... 目录触发器的概念:创建触www.chinasem.cn发器:查看触发器:查看当前数据库的所有触发器的定

创建springBoot模块没有目录结构的解决方案

《创建springBoot模块没有目录结构的解决方案》2023版IntelliJIDEA创建模块时可能出现目录结构识别错误,导致文件显示异常,解决方法为选择模块后点击确认,重新校准项目结构设置,确保源... 目录创建spChina编程ringBoot模块没有目录结构解决方案总结创建springBoot模块没有目录

idea Maven Springboot多模块项目打包时90%的问题及解决方案

《ideaMavenSpringboot多模块项目打包时90%的问题及解决方案》:本文主要介绍ideaMavenSpringboot多模块项目打包时90%的问题及解决方案,具有很好的参考价值,... 目录1. 前言2. 问题3. 解决办法4. jar 包冲突总结1. 前言之所以写这篇文章是因为在使用Mav

IntelliJ IDEA2025创建SpringBoot项目的实现步骤

《IntelliJIDEA2025创建SpringBoot项目的实现步骤》本文主要介绍了IntelliJIDEA2025创建SpringBoot项目的实现步骤,文中通过示例代码介绍的非常详细,对大家... 目录一、创建 Spring Boot 项目1. 新建项目2. 基础配置3. 选择依赖4. 生成项目5.

Linux线程之线程的创建、属性、回收、退出、取消方式

《Linux线程之线程的创建、属性、回收、退出、取消方式》文章总结了线程管理核心知识:线程号唯一、创建方式、属性设置(如分离状态与栈大小)、回收机制(join/detach)、退出方法(返回/pthr... 目录1. 线程号2. 线程的创建3. 线程属性4. 线程的回收5. 线程的退出6. 线程的取消7.