IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> Java知识库 -> Ionic实战十九:新系统之环境搭建 -> 正文阅读

[Java知识库]Ionic实战十九:新系统之环境搭建

1.安装Node

新电脑到货了,组装完先把环境搞起来,电脑是win10 64位

首先安装node,我装的是node-v12.16.3-x64,官网所有版本下载地址:
https://nodejs.org/dist/
安装完成后在cmd下输入命令node -v查看是否安装成功

2.JDK安装

我安装的版本是jdk-8u131-windows-x64,选好安装路径一路next即可,jdk官网下载地址:https://www.oracle.com/cn/java/technologies/javase/javase-jdk8-downloads.html
如果嫌登录麻烦的话可以搜索其他下载地址下载,这些常用的软件我本地都有备份的,直接安装。安装完成后配置环境变量
我的安装位置如下:

配置环境变量如下:
配置完后在cmd下输入java -version查看版本是否安装成功

3.安装VSCode

由于我是用的ionic或者vue开发,因此要安装vscode开发工具,我安装的VSCodeSetup-1.11.2,官网下载地址:https://code.visualstudio.com

4.安装python3.8.1

如果不安装python环境在vscode中打开项目并执行npm install命令加载依赖时会报找不到python环境异常,安装时勾选将python添加到环境变量中,安装完成后在cmd下输入python查看是否安装成功

5.安装ionic、cordova、cordova-res

执行npm install -g ionic@5.4.16
npm install -g cordova@9.0.0
安装完成后分别输入ionic -v 及cordova -v查看是否安装成功

以上安装的版本均和我之前的环境相同,当然也可以安装最新的环境,安装完成后执行npm install将项目依赖下载到本地,在执行ionic serve启动项目发现会报如下异常:

那我们直接在vscode中的终端中输入如下命令即可:set-executionpolicy remotesigned,然后再次执行ionic serve启动项目,然后在浏览器中输入localhost:8100发现项目就能访问了

6.添加Android开发环境

在添加android环境之前我们先对项目打个包看看能不能行,执行ionic cordova build android后会发现提示找不到android环境如下:

在官网https://www.androiddevtools.cn 下载SDK Tools,如果时android原生开发建议下载IDE
我下载的时压缩包,解压到本地目录后在更新下需要的选项即可

下载并解压后点击SDK Manager,勾选如下选项后更新即可

25、26、27、28、29每个版本都勾选下这两个选项,实际上项目一个构建环境即可,不同的项目可能构建环境不一样,所以勾选了这几个目前常用的api版本

然后选择install 并接受协议执行更新,更新完后在环境变量中做如下配置,AndroidSDK我是解压到了E:\anzhuang\androidSdk 目录下,配置信息如下:

7.配置完成后重启vscode使命令生效

重启vscode后执行ionic cordova platform add android,然后执行打包命令ionic cordova build android,出现如下异常提示:

说明未安装gradle环境,下面继续安装gradle环境。

8.gradle环境安装

gradle所有版本下载:https://services.gradle.org/distributions
我选择的使4.4-all版本,大家可以自由选择,因为考虑到之后我可能安装AndroidStudio 3.1.2版本,支持的最高的gradle版本就是4.4,下载完后解压到本地目录下,如下所示:

在系统变量中新建如下配置,具体配置值根据自己的实际路径选择:

在系统变量Path中添加如下配置:

配置完gradle后需要重启下电脑,否则在cmd下输入版本查看命令不起作用,重启后在cmd下输入gradle -v查看是否安装成功

9.重新执行打包命令

在vscode终端中,进入到项目目录下,输入命令ionic cordova build android打包,成功标识如下:

  Java知识库 最新文章
计算距离春节还有多长时间
系统开发系列 之WebService(spring框架+ma
springBoot+Cache(自定义有效时间配置)
SpringBoot整合mybatis实现增删改查、分页查
spring教程
SpringBoot+Vue实现美食交流网站的设计与实
虚拟机内存结构以及虚拟机中销毁和新建对象
SpringMVC---原理
小李同学: Java如何按多个字段分组
打印票据--java
上一篇文章      下一篇文章      查看所有文章
加:2021-08-02 10:40:39  更:2021-08-02 10:40:58 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年6日历 -2024/6/3 13:48:33-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码