混合开发(ionic+cordova+angular)

相关网址:

ionic、cordova、angular三者的关系:https://blog.csdn.net/xiaolinlife/article/details/73548938
ionic官网:https://ionicframework.com
ionic中文网:http://www.ionic.wang
cordova中文官网:http://cordova.axuer.com/#getstarted

配置环境:

先列一下我的项目所用到的环境和各版本号:

名称 版本号
node 10.12.0
npm 6.4.1
cordova 8.1.2
ionic 5.4.16
gradle 3.3

1. 安装node
建议下载稳定版本的14.17.3,但我的项目所依赖的node版本是10.12.0
(注:node14含以上版本不支持window7系统)
2. 全局下载ionic和cordova

npm install -g cordova
npm install -g ionic
//下载完后,检查下载是否成功
cordova -v
ionic -v

3. 下载gradle,并配置环境变量
配置系统变量
变量名:GRADLE_HOME
变量值:F:\gradle\gradle-3.3

变量名:CORDOVA_ANDROID_GRADLE_DISTRIBUTION_URL
变量值:file:///E:/gradle/gradle-3.3-all.zip
(这里我也不知道为什么要配置一个这种环境变量,反正我的项目不配置会报错,也没深入研究)

配置用户变量
变量名:PATH
变量值:E:\gradle\gradle-3.3\bin;

4. 安装androidstudio工具
并下载sdk
混合开发(ionic+cordova+angular)_第1张图片

5. 配置安卓sdk环境变量
配置系统变量
变量名:ANDROID_HOME
变量值:C:\Users\lenovo\AppData\Local\Android\Sdk

创建ionic项目并打包:

步骤 命令
创建ionic项目 ionic start myApp tabs --type=ionic1
启动项目 ionic serve
创建安卓 cordova platform add [email protected]
运行安卓 cordova run android
打包安卓 cordova build android
查看platform信息 ionic cordova platform list
删除工程 cordova platform rm android

(注:myApp是要创建的项目名称,如果不加–type=ionic1的话会需要选择ag和react)
(注:如果cordova build android打包失败就用
ionic cordova build android
ionic cordova build --release android
–release 签名时需要加)

你可能感兴趣的:(angular.js,gradle,前端)