笔记_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

相关文章

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.

golang程序打包成脚本部署到Linux系统方式

《golang程序打包成脚本部署到Linux系统方式》Golang程序通过本地编译(设置GOOS为linux生成无后缀二进制文件),上传至Linux服务器后赋权执行,使用nohup命令实现后台运行,完... 目录本地编译golang程序上传Golang二进制文件到linux服务器总结本地编译Golang程序

创建Java keystore文件的完整指南及详细步骤

《创建Javakeystore文件的完整指南及详细步骤》本文详解Java中keystore的创建与配置,涵盖私钥管理、自签名与CA证书生成、SSL/TLS应用,强调安全存储及验证机制,确保通信加密和... 目录1. 秘密键(私钥)的理解与管理私钥的定义与重要性私钥的管理策略私钥的生成与存储2. 证书的创建与

python如何创建等差数列

《python如何创建等差数列》:本文主要介绍python如何创建等差数列的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录python创建等差数列例题运行代码回车输出结果总结python创建等差数列import numpy as np x=int(in

怎么用idea创建一个SpringBoot项目

《怎么用idea创建一个SpringBoot项目》本文介绍了在IDEA中创建SpringBoot项目的步骤,包括环境准备(JDK1.8+、Maven3.2.5+)、使用SpringInitializr... 目录如何在idea中创建一个SpringBoot项目环境准备1.1打开IDEA,点击New新建一个项

如何使用Maven创建web目录结构

《如何使用Maven创建web目录结构》:本文主要介绍如何使用Maven创建web目录结构的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录创建web工程第一步第二步第三步第四步第五步第六步第七步总结创建web工程第一步js通过Maven骨架创pytho

MySQL 用户创建与授权最佳实践

《MySQL用户创建与授权最佳实践》在MySQL中,用户管理和权限控制是数据库安全的重要组成部分,下面详细介绍如何在MySQL中创建用户并授予适当的权限,感兴趣的朋友跟随小编一起看看吧... 目录mysql 用户创建与授权详解一、MySQL用户管理基础1. 用户账户组成2. 查看现有用户二、创建用户1. 基

Python中使用uv创建环境及原理举例详解

《Python中使用uv创建环境及原理举例详解》uv是Astral团队开发的高性能Python工具,整合包管理、虚拟环境、Python版本控制等功能,:本文主要介绍Python中使用uv创建环境及... 目录一、uv工具简介核心特点:二、安装uv1. 通过pip安装2. 通过脚本安装验证安装:配置镜像源(可

Java中实现线程的创建和启动的方法

《Java中实现线程的创建和启动的方法》在Java中,实现线程的创建和启动是两个不同但紧密相关的概念,理解为什么要启动线程(调用start()方法)而非直接调用run()方法,是掌握多线程编程的关键,... 目录1. 线程的生命周期2. start() vs run() 的本质区别3. 为什么必须通过 st