欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

ionic + cordova安装指南

程序员文章站 2022-07-09 21:13:47
安装ionic --npm install -g ionic --cnpm install -g ionic --npm update -g ionic --cnpm update -g ionic 安装完成 安装cordova --npm install -g cordova --cnpm ins ......

安装ionic

--npm install -g ionic

--cnpm install -g ionic

--npm update -g ionic

--cnpm update -g ionic

安装完成

ionic + cordova安装指南

安装cordova 

--npm install -g cordova

--cnpm install -g cordova

--npm update -g cordova

--cnpm update -g cordova

安装完成

ionic + cordova安装指南

现在抱着尝试的心态开始创建项目

ionic start myapp tabs
需要几分钟

ionic + cordova安装指南

创建好了可以启动看看

cd myapp

ng serve --port 4201

ionic + cordova安装指南

现在开始创建android项目

cd myapp
ionic cordova build android
开始报错了 jdk 8的原因

我安装的事jdk 8但是出于某些原因没jre文件夹

ionic + cordova安装指南

找不到javac,jre也没有只好重新安装jdk,环境变量自己配置好

下载

安装完成之后

ionic + cordova安装指南

环境变量 java_home

ionic + cordova安装指南

path

ionic + cordova安装指南

测试

where java

ionic + cordova安装指南

继续打包,又报错了

ionic + cordova安装指南

需要android sdk 和 gradle,前者我已经安装了(开发过flutter,可以调回去看安装方法)

安装grade
下载最新的gradle压缩包
gradle官网:https://gradle.org/
当前最新版本下载地址:https://gradle.org/releases/,下载binary-only即可

解压下载的压缩包到指定位置,比如 d:\softmrg\gradle-4.10.2-bin\

配置grade环境变量
配置gradle_home—— 右键计算机->属性->高级系统设置->环境变量,在系统变量区域,点击新建,输入变量名为:gradle_home,变量值为: d:\softmrg\gradle-4.10.2-bin\gradle-4.10.2(根据实际情况,解压后bin目录的上一级目录)。
配置path——找到path,在原始内容基础上加入%gradle_home%\bin(windows7系统注意加分号)。

ionic + cordova安装指南

继续运行打包

出现内存分配问题

ionic + cordova安装指南

配置系统变量

变量名: _java_options
变量值: -xmx512m

ionic + cordova安装指南

现在运行 ionic cordova emulate android
提示需要安装的package自己安装

ionic + cordova安装指南

运行时间so long

ionic + cordova安装指南

打包完成之后apk有了也可以直接手机安装看,也快一些

ionic + cordova安装指南

ionic + cordova安装指南

基本和网页差不多,就是体验和原生的比起来还需要比较下。