搭建ionic3-angular5 开发环境并打包成安卓apk包教程

最新推荐文章于 2024-09-06 17:00:53 发布
最新推荐文章于 2024-09-06 17:00:53 发布
阅读量6.4k 收藏 9
点赞数 1
文章标签： ionic gradle cordova ionic3 angular5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bazhu3507/article/details/80343017
版权
本文详细介绍了如何搭建Ionic3-Angular5的开发环境，包括安装Node.js、Ionic、Cordova、Gradle，配置JAVA环境、Android SDK以及设置ANDROID_HOME变量。通过这些步骤，开发者可以成功创建并运行Ionic应用，最终使用`ionic cordova build android`命令生成未签名的安卓apk测试包。
摘要由CSDN通过智能技术生成

搭建ionic3-angular5 开发环境,首先查看本地电脑是否安装node环境,打开终端，输入

 命令: node -v

没有去安装nodejs  网址：http://nodejs.cn/download/

接着在终端输入:

 命令: npm install -g ionic

接着检验java开发环境：

在终端输入:

 命令: java

命令：java  -version



没有安装java全局环境，请去java官网下载安装

安装cordova

ionic3 新版本要求安装cordova,否则后面无法生成apk安装包

命令:  npm install -g cordova

安装gradle

ionic3 新版本要求安装gradle,这里要注意，gradle必须配置全局环境，

最低0.47元/天 解锁文章
lyndonjohnson
关注
Ionic—开发环境搭建
雷雨天的雷胖子
10-28 420
目录 一、概述 二、JDK 三、Android SDK 四、Gradle 五、nodeJS 六、Ionic CLI和Cordova 一、概述 必备基础环境：JDK、Android SDK、Gradle、nodeJS、Ionic CLI和Cordova。注意，安装目录不要出现中文，以避免不必要的问题。 二、JDK JDK全称Java Development Kit，中文名叫Jav...
ionic+angluar vscode开发环境搭建流程和项目编译打包 真机调试
qq_36174100的博客
11-27 2517
没搞过ionic项目 中间遇见了很多坑，记录下环境搭建及项目编译备日后用的时候参考 整个过程： 编译器：vscode 需要安装的环境： node.js ,java jdk, gradle ，android sdk ，ionic  cordova   nodejs java sdk gradle android 需设置环境变量 如下图 系统变量 用户变量中的path: npm安...
angular.js和ionic框架搭建一个webApp
热门推荐
胡杰的专栏
08-22 1万+
angular.js和ionic框架搭建一个webApp 注：本文适合对angular.js有基础的同学 这是本系列文章的开篇，本系列文章均是转载，目的是方便自己查阅，并且以后方便改动
2024 前端Vue面试题大全汇总 (82道)_vue面试题2024
最新发布
2401_86637663的博客
09-06 2560
默认插槽
ionic的开发环境搭建
Jiaen188的博客
05-08 479
大致的开发步骤：安装node.js –安装Apache Cordova -安装Java JDK – 安装Apache Ant - 安装android SDK – 安装cordova和ionic – 安装genymotion（android模拟器） 1.1 、安装node.js（为了使用npm来安装ant，cordova，ionic） 去node官网下载node（尽量选择新的版本，我这里
Ionic开发环境搭建
null
01-29 2316
Ionic 目录：https://blog.csdn.net/dkbnull/article/details/87937179           Ionic是一个用来开发混合手机应用的开源框架，其基于Angular语法，学习Ionic之前，应该了解HTML、CSS、 JavaScript、Angular的基本语法。         Ionic开发依赖于Node.js，并且其环境搭建需要使用...
ionic开发环境及简单流程
Freeky_ge的博客
07-10 474
首先安装node.jshttps://nodejs.org/en/download/node -v 查看版本npm install -g cnpm -registry=https://registry.npm.taobao.org 由于npm源在国外，速度慢，淘宝提供的cnpm，速度会快很多安装 ionicnpm install -g ionic 查看版本 ionic -v...
Ionic 3全攻略：从项目创建到APK打包实战
本教程详细介绍了如何从头开始使用Ionic 3进行混合应用开发，直至打包成Android APK的完整过程。首先，确保您的开发环境中已安装了Node.js、Java Development Kit (JDK) 和Android SDK。以下是一步步的指南： 1. **...
IONIC5项目下载、安装Android环境并打包成APK安装包
weixin_44341110的博客
04-16 977
一、下载Android SDK Manager。 SDK Manager下载地址 解压： 二、配置环境变量。 我们的SDK解压到D盘D:\Android SDK Tools，直接在path后面追加;;D:\Android SDK Tools\android-sdk-windows\tools;D:\Android SDK Tools\android-sdk-windows\platform-tools; 三、下载Android相关SDK 根据图解来看需求下载 四、下载安
基于ionic4、cordova搭建android开发环境
simple__dream的博客
08-27 1万+
基于ionic4、cordova构建android应用，并编译生成apk应用。
IONIC3 环境安装及打包安卓apk详细过程（大量图文说明）
qq_35122887的博客
08-13 1568
本文写于2019年8月13日 。 如果2019年的中秋之际，你遇到IONIC的开发问题，这将是一篇最为详尽的打包方案。请仔细按照流程来对照操作及检查。 1.基本依赖环境 nodejs环境 (作为一个前端相信你已经有了) ...
Ionic2 cordova angular2 打包到Android apk环境搭建
weixin_30814223的博客
10-22 266
一、前言 前段时间，公司有个APP项目需要支持不同平台，于是采用了Ionic2 + cordova + angular2，在搭建环境过程中遇到了不少问题，刚好最近有时间整理出来。 二、开发环境搭建 参考这个网站步骤搭建：https://github.com/DonaldTdz/Ionic2QuickStart 注意：nodejs 要装6.0 +LTS最新版，不要装8.X的最新版本（http...
Ionic 开发环境搭建（Windows）-yellowcong
02-23 800
公司有童鞋用Ionic，反正听说这个东西可以直接写出基于手机的web端，以及android和ios的开发版本，所以觉得值得一看，说不定哪天就用上了呢。这个ionic是依赖于nodejs的，开发的时候，需要了解AngularJS和html的，简单来说这个ionic简化了客户端的开发流程。一次开发两个版本的应用。这个有点类似与unity3d生成多个版本的应用。在这个安装过程中，我遇到的最大的坑，就是镜像
Ionic 环境搭建
c15522627353的博客
03-22 1111
Ionic 环境搭建 Ionic的文档地址 http://ionicframework.com/docs/ 环境搭建 只需要在浏览器中查看 安装node.js 安装npm 注册cnpm（强烈建议使用cnpm，使用方法和作用和npm一摸一样，注册淘宝镜像的cnpm后，只需要在敲命令的时候多加一个c，就再也不需要漫长的下载等待了） cordova ionic命令行安装，打开命令行
ionic+angular+cordova混合app打包android apk
qq_31392495的博客
11-04 1405
刚拿到这个混合app开发时，第一步就是npm install下载依赖包，（前提已经安装了node.js）但是由于npm是国外的，app中好多依赖也是国外比较新；在没有翻墙的情况下，下载失败的话，就要转成淘宝镜像。 npm install -g cnpm --registry=https://registry.npm.taobao.org 然后再使用cnpm install 下载依赖。 一、安装cordova、ionic ionic cordova platform查看已安装平台，ionic info查看i
Ionic环境搭建
Alice
05-31 2804
Ionic介绍 ionic 是一个强大的 HTML5 应用程序开发框架(HTML5 Hybrid Mobile App Framework )。 可以帮助您使用 Web 技术，可以快读开发移动App、移动端WEB页面，微信公众平台应用，混合app web页面，ionic 主要关注外观和体验，以及和你的应用程序的 UI 交互，特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。 I...
搭建Iconic+angular混合APP开发环境
盼盼盼的博客
06-06 1321
1.安装iconic cli npm install -g ionic -g意思是全局安装 ionic -v 2.创建项目 ionic start ionic-angular tabs --type=angular –type=angular 是需要多加的参数，现在官方只集成好了angualr 或许以后就会有 --type=vue 或–type=react 呢 新建好项目后你会发现，...
ionic3环境配置、创建项目及apk打包全部详解（Android）
An_zhou的博客
11-26 684
在打包之前先配置好环境（Android） 一、基本环境配置 1.1 nodejs (需要配置环境变量) 下载安装node.js即可，安装成功后在cmd中输入 node -v 查看是否安装成功。 1.2 jdk (配置环境变量) 安装方法：下载完成按照提示安装，不出以为安装路径为：C:\Program Files\java ，jdk安装完成，打开环境变量进行相关配置。 配置完成后...
angular+ionic学习之项目构建
阑珊伊人
01-14 970
安装ionic 本地全局安装 npm install -g ionic 或 // 用tabobao镜像装会快些 cnpm install -g ionic 安装完毕后，查看是否安装成功。 ionic -v xxxxMacBook-Pro:~ xxxx$ ionic -v 5.4.16 ──────────────────────────────────────────────────────────── Ionic CLI update available: 5.4.16 →
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值