1、安装 和 配置 NodeJS 环境(推荐使用nvm管理NodeJS版本)
- nvm官网:github.com/coreybutler…
2、根据Ionic 和 Cordova 版本来安装对应版本的NodeJS
- 查看所有可用的Node.js版本:
nvm list available - 安装特定版本:
nvm install 22.21.0 - 查看已安装的所有版本:
nvm list - 使用特定版本:
nvm use 22.21.0
2、安装Java JDK、Android Studio
- Java JDK:www.oracle.com/java/techno…
- Android Studio:developer.android.com/studio?hl=z…
- 在系统环境中配置adb的环境变量
3、安装最新的Ionic CLI 和 Cordova
npm install -g ionic cordova
- 安装指定版本:
ionic@x.x.x cordova@x.x.x
4、创建基于 Angular 的 Ionic 项目
ionic start 项目名 blank --type=ionic-angular
- blank 空白项目
- tabs 带有底部tabbar
- sidemenu 侧边带有可滑动菜单
5、运行项目
- 启动项目:
npm start - 打包之前需要生成密钥:
keytool -genkey -v -keystore my-release-key.jks -keyalg RSA -keysize 2048 -validity 10000 -alias my-alias - 使用密钥:
jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore my-release-key.jks platforms/android/app/build/outputs/apk/release/app-release-unsigned.apk my-alias - 生成Cordova 和 Capacitor 项目图标和启动画面的:
npm i -g cordova-res在项目中通过cordova-res执行 - 添加平台:
cordova platform add android - 构建应用:
cordova build android
6、真机运行:
npm i-g native-runnative-run android --app platforms/android/app/build/outputs/apk/debug/xxxx.apk
7、打包:
ionic cordova run android默认是debug版本--release --prod线上版本