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

相关文章

springboot3打包成war包,用tomcat8启动

1、在pom中,将打包类型改为war <packaging>war</packaging> 2、pom中排除SpringBoot内置的Tomcat容器并添加Tomcat依赖,用于编译和测试,         *依赖时一定设置 scope 为 provided (相当于 tomcat 依赖只在本地运行和测试的时候有效,         打包的时候会排除这个依赖)<scope>provided

【Python编程】Linux创建虚拟环境并配置与notebook相连接

1.创建 使用 venv 创建虚拟环境。例如,在当前目录下创建一个名为 myenv 的虚拟环境: python3 -m venv myenv 2.激活 激活虚拟环境使其成为当前终端会话的活动环境。运行: source myenv/bin/activate 3.与notebook连接 在虚拟环境中,使用 pip 安装 Jupyter 和 ipykernel: pip instal

在cscode中通过maven创建java项目

在cscode中创建java项目 可以通过博客完成maven的导入 建立maven项目 使用快捷键 Ctrl + Shift + P 建立一个 Maven 项目 1 Ctrl + Shift + P 打开输入框2 输入 "> java create"3 选择 maven4 选择 No Archetype5 输入 域名6 输入项目名称7 建立一个文件目录存放项目,文件名一般为项目名8 确定

【学习笔记】 陈强-机器学习-Python-Ch15 人工神经网络(1)sklearn

系列文章目录 监督学习:参数方法 【学习笔记】 陈强-机器学习-Python-Ch4 线性回归 【学习笔记】 陈强-机器学习-Python-Ch5 逻辑回归 【课后题练习】 陈强-机器学习-Python-Ch5 逻辑回归(SAheart.csv) 【学习笔记】 陈强-机器学习-Python-Ch6 多项逻辑回归 【学习笔记 及 课后题练习】 陈强-机器学习-Python-Ch7 判别分析 【学

Java 创建图形用户界面(GUI)入门指南(Swing库 JFrame 类)概述

概述 基本概念 Java Swing 的架构 Java Swing 是一个为 Java 设计的 GUI 工具包,是 JAVA 基础类的一部分,基于 Java AWT 构建,提供了一系列轻量级、可定制的图形用户界面(GUI)组件。 与 AWT 相比,Swing 提供了许多比 AWT 更好的屏幕显示元素,更加灵活和可定制,具有更好的跨平台性能。 组件和容器 Java Swing 提供了许多

系统架构师考试学习笔记第三篇——架构设计高级知识(20)通信系统架构设计理论与实践

本章知识考点:         第20课时主要学习通信系统架构设计的理论和工作中的实践。根据新版考试大纲,本课时知识点会涉及案例分析题(25分),而在历年考试中,案例题对该部分内容的考查并不多,虽在综合知识选择题目中经常考查,但分值也不高。本课时内容侧重于对知识点的记忆和理解,按照以往的出题规律,通信系统架构设计基础知识点多来源于教材内的基础网络设备、网络架构和教材外最新时事热点技术。本课时知识

顺序表之创建,判满,插入,输出

文章目录 🍊自我介绍🍊创建一个空的顺序表,为结构体在堆区分配空间🍊插入数据🍊输出数据🍊判断顺序表是否满了,满了返回值1,否则返回0🍊main函数 你的点赞评论就是对博主最大的鼓励 当然喜欢的小伙伴可以:点赞+关注+评论+收藏(一键四连)哦~ 🍊自我介绍   Hello,大家好,我是小珑也要变强(也是小珑),我是易编程·终身成长社群的一名“创始团队·嘉宾”

Maven创建项目中的groupId, artifactId, 和 version的意思

文章目录 groupIdartifactIdversionname groupId 定义:groupId 是 Maven 项目坐标的第一个部分,它通常表示项目的组织或公司的域名反转写法。例如,如果你为公司 example.com 开发软件,groupId 可能是 com.example。作用:groupId 被用来组织和分组相关的 Maven artifacts,这样可以避免

论文阅读笔记: Segment Anything

文章目录 Segment Anything摘要引言任务模型数据引擎数据集负责任的人工智能 Segment Anything Model图像编码器提示编码器mask解码器解决歧义损失和训练 Segment Anything 论文地址: https://arxiv.org/abs/2304.02643 代码地址:https://github.com/facebookresear

数学建模笔记—— 非线性规划

数学建模笔记—— 非线性规划 非线性规划1. 模型原理1.1 非线性规划的标准型1.2 非线性规划求解的Matlab函数 2. 典型例题3. matlab代码求解3.1 例1 一个简单示例3.2 例2 选址问题1. 第一问 线性规划2. 第二问 非线性规划 非线性规划 非线性规划是一种求解目标函数或约束条件中有一个或几个非线性函数的最优化问题的方法。运筹学的一个重要分支。2