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

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

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

搭建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元/天 解锁文章

200万优质内容无限畅学
lyndonjohnson
关注
Ionic—开发环境搭建
雷雨天的雷胖子
10-28 455
目录 一、概述 二、JDK 三、Android SDK 四、Gradle 五、nodeJS 六、Ionic CLI和Cordova 一、概述 必备基础环境：JDK、Android SDK、Gradle、nodeJS、Ionic CLI和Cordova。注意，安装目录不要出现中文，以避免不必要的问题。 二、JDK JDK全称Java Development Kit，中文名叫Jav...
Ionic 环境搭建
c15522627353的博客
03-22 1167
Ionic 环境搭建 Ionic的文档地址 http://ionicframework.com/docs/ 环境搭建 只需要在浏览器中查看 安装node.js 安装npm 注册cnpm（强烈建议使用cnpm，使用方法和作用和npm一摸一样，注册淘宝镜像的cnpm后，只需要在敲命令的时候多加一个c，就再也不需要漫长的下载等待了） cordova ionic命令行安装，打开命令行
angular.js和ionic框架搭建一个webApp
热门推荐
胡杰的专栏
08-22 1万+
angular.js和ionic框架搭建一个webApp 注：本文适合对angular.js有基础的同学 这是本系列文章的开篇，本系列文章均是转载，目的是方便自己查阅，并且以后方便改动
前端面试题——vue35道常见
最新发布
qianqianyixue的博客
06-24 1357
1）计算属性变量在computed中定义，属性监听在data中定义。2）计算属性是声明式的描述一个值依赖了其他值，依赖的值改变后重新计算结果更新DOM。属性监听的是定义的变量，当定义的值发生变化时，执行相对应的函数。23、$nextTick的使用？答：在vue中理解修改数据后，对应的dom需要一定的时间进行更新，因此为了能够准确的后去更新后的dom，可以采用延迟回调的方法进行更新dom的获取，所以出现了$nextTick来进行延迟回调。即：在下次 DOM 更新循环结束之后执行延迟回调。
ionic的开发环境搭建
Jiaen188的博客
05-08 517
大致的开发步骤：安装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 2365
Ionic 目录：https://blog.youkuaiyun.com/dkbnull/article/details/87937179           Ionic是一个用来开发混合手机应用的开源框架，其基于Angular语法，学习Ionic之前，应该了解HTML、CSS、 JavaScript、Angular的基本语法。         Ionic开发依赖于Node.js，并且其环境搭建需要使用...
ionic开发环境及简单流程
Freeky_ge的博客
07-10 515
首先安装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...
Ionic2 cordova angular2 打包到Android apk环境搭建
weixin_30814223的博客
10-22 302
一、前言 前段时间，公司有个APP项目需要支持不同平台，于是采用了Ionic2 + cordova + angular2，在搭建环境过程中遇到了不少问题，刚好最近有时间整理出来。 二、开发环境搭建 参考这个网站步骤搭建：https://github.com/DonaldTdz/Ionic2QuickStart 注意：nodejs 要装6.0 +LTS最新版，不要装8.X的最新版本（http...
Ionic 开发环境搭建（Windows）-yellowcong
02-23 831
公司有童鞋用Ionic，反正听说这个东西可以直接写出基于手机的web端，以及android和ios的开发版本，所以觉得值得一看，说不定哪天就用上了呢。这个ionic是依赖于nodejs的，开发的时候，需要了解AngularJS和html的，简单来说这个ionic简化了客户端的开发流程。一次开发两个版本的应用。这个有点类似与unity3d生成多个版本的应用。在这个安装过程中，我遇到的最大的坑，就是镜像
ionic+angular+cordova混合app打包android apk
qq_31392495的博客
11-04 1575
刚拿到这个混合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 2843
Ionic介绍 ionic 是一个强大的 HTML5 应用程序开发框架(HTML5 Hybrid Mobile App Framework )。 可以帮助您使用 Web 技术，可以快读开发移动App、移动端WEB页面，微信公众平台应用，混合app web页面，ionic 主要关注外观和体验，以及和你的应用程序的 UI 交互，特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。 I...
angular+ionic学习之项目构建
阑珊伊人
01-14 1065
安装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 →
mac ionic android,Mac下搭建Ionic+Cordova+Angular打包Android apk 环境
weixin_36011546的博客
05-27 641
一、前言我们这边有一个项目需要使用ionic+cordova+angular开发一款app，后期因为部分原因需要使用Mac系统进行开发。我整理了在Mac上面搭建ionic环境的步骤。二、开发环境搭建1、安装Visual Studio Code安装完成以后配置用户环境变量(以下命令在终端Terminal中操作)vim ~/.bash_profile #~/.bash_profile不存在则创建e...
ionic3基础学习（1）：开发环境、创建项目、工程目录说明、创建子目录、打包安卓apk
icemwj的博客
05-30 466
ionic3基础学习（1）：开发环境、创建项目、工程目录说明、创建子目录、打包安卓apk
【移动端一】angular+ionic3+SQLite零基础搭建demo及打包apk
lucky_hahaha的博客
06-02 1262
官网链接：angular typescript ionic3
最新版ionic环境搭建
weixin_38299362的博客
03-20 4744
由于最近开始学习Ionic，发现网上的环境搭建都是好几年前的，按照上面的方法搭建都不成功，折腾了好几天才把环境搭建成功，可以编译APK包，下面把搭建的过程以及工具包都分享出来。注：所有的工具包都是Windows 7 64位的，如果需要32位的或其他版本的话可以私聊我。所用的工具包的地址：链接: https://pan.baidu.com/s/1VXWc8dqTcU_x6JALZCv_LQ 密码: ...
ionic3+angular开发环境
Sherry_1722的博客
11-02 1545
1. jdk         安装+环境变量 附件中有64位安装包，安装之后配置环境变量 添加JAVA_HOME为jdk安装路径D:\Program Files\Java\jdk1.7.0_51 添加CLASSPATH为%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar Path后追加;%JAVA_HOME%\bin;%JAVA_H
移动端开发类型简介及Ionic开发环境配置
jifashihan的博客
08-10 1735
移动开发类型 为移动设备开发应用一般有三种基础类型：原生应用、移动端网站和Hybrid应用 原生移动应用 创建原生应用，需要使用移动平台默认的语言，ios使用oc或者switch，android使用java。写完之后需要编译应用并将它安装到设备上，开发者可以使用SDK与平台API通信，访问设备中的数据或者通过HTTP请求从外部服务器加载数据。 好处： 原生AP
Ionic+Angular开发仿京东商城教程完整打包下载
为了帮助开发者顺利完成安装和打包过程，还应下载相关的xlsx文件，该文件包含了Ionic和AngularJS的安装教程，按照这些步骤进行操作，开发者应该能够成功打包应用，并在Android设备上运行看到应用的效果。" 接下来...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值