Ionic + Covdova 安装

29 阅读1分钟

1、安装 和 配置 NodeJS 环境(推荐使用nvm管理NodeJS版本)

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

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-run
  • native-run android --app platforms/android/app/build/outputs/apk/debug/xxxx.apk

7、打包:

  • ionic cordova run android 默认是debug版本
  • --release --prod 线上版本