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

相关文章

如何解决idea的Module:‘:app‘platform‘android-32‘not found.问题

《如何解决idea的Module:‘:app‘platform‘android-32‘notfound.问题》:本文主要介绍如何解决idea的Module:‘:app‘platform‘andr... 目录idea的Module:‘:app‘pwww.chinasem.cnlatform‘android-32

PyInstaller打包selenium-wire过程中常见问题和解决指南

《PyInstaller打包selenium-wire过程中常见问题和解决指南》常用的打包工具PyInstaller能将Python项目打包成单个可执行文件,但也会因为兼容性问题和路径管理而出现各种运... 目录前言1. 背景2. 可能遇到的问题概述3. PyInstaller 打包步骤及参数配置4. 依赖

利用Python快速搭建Markdown笔记发布系统

《利用Python快速搭建Markdown笔记发布系统》这篇文章主要为大家详细介绍了使用Python生态的成熟工具,在30分钟内搭建一个支持Markdown渲染、分类标签、全文搜索的私有化知识发布系统... 目录引言:为什么要自建知识博客一、技术选型:极简主义开发栈二、系统架构设计三、核心代码实现(分步解析

Flutter打包APK的几种方式小结

《Flutter打包APK的几种方式小结》Flutter打包不同于RN,Flutter可以在AndroidStudio里编写Flutter代码并最终打包为APK,本篇主要阐述涉及到的几种打包方式,通... 目录前言1. android原生打包APK方式2. Flutter通过原生工程打包方式3. Futte

idea中创建新类时自动添加注释的实现

《idea中创建新类时自动添加注释的实现》在每次使用idea创建一个新类时,过了一段时间发现看不懂这个类是用来干嘛的,为了解决这个问题,我们可以设置在创建一个新类时自动添加注释,帮助我们理解这个类的用... 目录前言:详细操作:步骤一:点击上方的 文件(File),点击&nbmyHIgsp;设置(Setti

Spring 中使用反射创建 Bean 实例的几种方式

《Spring中使用反射创建Bean实例的几种方式》文章介绍了在Spring框架中如何使用反射来创建Bean实例,包括使用Class.newInstance()、Constructor.newI... 目录1. 使用 Class.newInstance() (仅限无参构造函数):2. 使用 Construc

Android App安装列表获取方法(实践方案)

《AndroidApp安装列表获取方法(实践方案)》文章介绍了Android11及以上版本获取应用列表的方案调整,包括权限配置、白名单配置和action配置三种方式,并提供了相应的Java和Kotl... 目录前言实现方案         方案概述一、 androidManifest 三种配置方式

C#原型模式之如何通过克隆对象来优化创建过程

《C#原型模式之如何通过克隆对象来优化创建过程》原型模式是一种创建型设计模式,通过克隆现有对象来创建新对象,避免重复的创建成本和复杂的初始化过程,它适用于对象创建过程复杂、需要大量相似对象或避免重复初... 目录什么是原型模式?原型模式的工作原理C#中如何实现原型模式?1. 定义原型接口2. 实现原型接口3

Python中conda虚拟环境创建及使用小结

《Python中conda虚拟环境创建及使用小结》本文主要介绍了Python中conda虚拟环境创建及使用小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们... 目录0.前言1.Miniconda安装2.conda本地基本操作3.创建conda虚拟环境4.激活c

使用Python创建一个能够筛选文件的PDF合并工具

《使用Python创建一个能够筛选文件的PDF合并工具》这篇文章主要为大家详细介绍了如何使用Python创建一个能够筛选文件的PDF合并工具,文中的示例代码讲解详细,感兴趣的小伙伴可以了解下... 目录背景主要功能全部代码代码解析1. 初始化 wx.Frame 窗口2. 创建工具栏3. 创建布局和界面控件4