1. 管理者としてコマンドプロンプトツールを起動します。
2. 古い環境をクリーンアップする
# 卸载Angular
npm uninstall -g @angular/cli
npm uninstall @angular/cli
npm uninstall -g angular
npm uninstall angular
# 卸载Ionic
npm uninstall -g @ionic/cli
npm uninstall @ionic/cli
npm uninstall -g ionic
npm uninstall ionic
# 卸载Cordova
npm uninstall -g cordova
npm uninstall cordova
# 卸载native-run
npm uninstall -g native-run
# 清理缓存
npm cache clean --force2. フォルダー内にある JDK 11 を解凍します (他のバージョンではなく、11 である必要があります。JDK8 が以前にインストールされている場合は、まずコントロール パネルで JDK8 をアンインストールし、環境変数 JAVA_HOME を削除し、JDK 11 に関連する環境変数を削除する必要があります) JDK8 のコンテンツへのパス。再起動後に JDK11 をインストールします)
JDK を C:\dev ディレクトリに解凍します。パス構造は C:\dev\jdk-11.0.17 になります。
3. 環境変数の登録（コマンドライン起動時に右クリックメニューの「管理者として実行」を使用）
# 注册JAVA_HOME环境变量
setx JAVA_HOME "C:\dev\jdk-11.0.17"
# 将JDK命令注册到path环境变量（用户级）
setx Path "%Path%;C:\dev\jdk-11.0.17\bin"システムが元々 JAVA_HOME 環境変数で構成されていた場合、または Path 環境変数にすでに JDK または Open JDK が存在する場合は、まずそれを削除し (方法については Baidu を参照)、それから上記のコマンドを実行する必要があります。
4. 最新バージョンの Android Studio をインストールし、インストールが完了したら、Android Studio で新しいプロジェクトを作成します。
5. Android Studio に Android SDK 12 をインストールします (インストールされている他の Android SDK バージョンを事前に削除する必要があります。削除する対応するバージョンの前にある小さな √ を削除します)。
6. Android Studio で仮想デバイスを作成します (VPN を有効にする必要がある場合があります)。
7. 仮想デバイスリストで仮想マシンを起動します。
8. Android SDK ツールと SDK コマンドライン ツール (最新) をインストールします。
Android Studio → ツール → SDK マネージャー → SDK ツール → 「廃止されたパッケージを隠す」のチェックを外す → 「Android SDK ツール (廃止)」を選択
9. 環境変数への登録
# 注册环境变量ANDROID_SDK_ROOT
setx ANDROID_SDK_ROOT "%LOCALAPPDATA%\Android\Sdk"
# 注册组件：cmdline-tools/latest/bin emulator platform-tools build-tools
setx Path "%PATH%;%LOCALAPPDATA%\Android\Sdk\cmdline-tools\latest\bin;%LOCALAPPDATA%\Android\Sdk\emulator;%LOCALAPPDATA%\Android\Sdk\platform-tools;%LOCALAPPDATA%\Android\Sdk\build-tools"10.Angularをインストールする
npm install -g @angular/cli # 安装Angular最新版本
npm list -global --depth 0 # 查看安装的Angular版本11. Ionic バージョン 6 をインストールします。
npm install -g @ionic/[email protected]
ionic --version # 查看Ionic版本12.Cordova バージョン 11 をインストールする
npm install -g [email protected]13. Gradleを解凍し、Path環境変数にGradleコマンドを登録します。
Gradle を C:\dev ディレクトリに解凍したため、パス構造は C:\dev\gradle-8.0.2 になります。
setx Path "%Path%;C:\dev\gradle-8.0.2\bin"
gradle -v # 验证是否安装成功
# 如果成功了则关闭该命令行窗口，重新以管理员身份开一个命令行窗口14. Ionic アプリケーションを作成し、最初に成功するかどうかをテストします (私の D:/codes/js ディレクトリはプロジェクトのルート ディレクトリです)
D:
cd codes/js
ionic start ionic-demo tabs
ionic serve --open # 测试是否成功，如果可以看到网页，则在命令行中按Ctrl+C多次来终止程序
# 进入到新项目的目录
cd ionic-demo
# 为项目添加安卓平台环境
ionic cordova platform add android
# 提示：Are you sure you want to continue? 回答Y
# 过程中可见到安装了[email protected]
# 安装native-run
npm install -g native-run
# 安装@ionic/cordova-builders
ng add @ionic/cordova-builders
ionic cordova emulate android --verbose
# 此时可能提示Build Success，但遇到了错误，cannot find output file
# 忽略错误，跑到输出目录，将APK文件丢进虚拟机，就可以运行了
# 输出目录：D:\codes\js\ionic-demo\platforms\android\app\build\outputs\apk\debug14. Cordova プロジェクトの作成の準備をする
私のマシンには Python 3.9.13 とノード 18.15.0 がインストールされていますが、ノードに対応する Saas バージョンを見つける必要があります。
| NodeJS |
サポートされているノード Sass バージョン |
ノードモジュール |
| ノード19 |
8.0+ |
111 |
| ノード18 |
8.0+ |
108 |
| ノード17 |
7.0+、<8.0 |
102 |
| ノード16 |
6.0以上 |
93 |
| ノード15 |
5.0+、<7.0 |
88 |
| ノード14 |
4.14+ |
83 |
| ノード13 |
4.13+、<5.0 |
79 |
| ノード12 |
4.12+、<8.0 |
72 |
| ノード11 |
4.10+、<5.0 |
67 |
| ノード10 |
4.9+、<6.0 |
64 |
| ノード8 |
4.5.3+、<5.0 |
57 |
| ノード <8 |
<5.0 |
<57 |
(表のソース: https://www.npmjs.com/package/node-sass)
# 安装node-sass 8.0.0
npm install --msvs_version 2015
npm install -g mirror-config-china --registry=https://registry.npmmirror.com
npm install node-sass
# 创建Cordova项目
ionic start ionic2 sidemenu --type=angular
# Integrate your new app with Capacitor to target native iOS and Android? No
ionic cordova platform add android
npm install @awesome-cordova-plugins/core
# 添加cordova插件，作业中替换成自己所需的插件
# SCU网站上用的都是@ionic-native/xxx，现在都改成@awesome-cordova-plugins/xxx
npm install @awesome-cordova-plugins/network # 用于替换@ionic-native/network
ionic cordova plugin add cordova-plugin-network-information
npm install @awesome-cordova-plugins/camera # 用于替换@ionic-native/camera
ionic cordova plugin add cordova-plugin-camera
ng add @ionic/cordova-builders
# 编译生成APK
ionic cordova emulate android
# 将输出路径上的APK丢进虚拟机
# 输出路径：D:\codes\js\ionic2\platforms\android\app\build\outputs\apk\debug\app-debug.apk他の：
ionic cordova platform add android 添加android平台
不一定用 npm i -g native-run
ionic cordova emulate android -l 可以在运行时自动更新
ionic cordova run android 不能自动更新的
ionic cordova emulate browser 在浏览器运行
ionic integrations disable capacitor capacitor报错用和scu module5最下面那个错一样
npm install -g cordova 安装cordova
--force
npm install @awesome-cordova-plugins/core 安装插件的格式
ionic cordova build android 构建apk文件
npm i @awesome-cordova-plugins/core 添加完新插件用 要不会报错メモ:
Android 10： APIバージョン29
Android 11： APIバージョン30
Android 12： APIバージョン31
Android 13： APIバージョン32
| コルドバアンドロイドのバージョン |
サポートされている Android API レベル |
同等の Android バージョン |
| 11.XX |
22～32 |
5.1～12.0.0(長さ) |
| 10.XX |
22～30 |
5.1～11.0.0 |
| 9.XX |
22～29 |
5.1～10.0.0 |
| 8.XX |
19～28 |
4.4～9.0.0 |
| 7.XX |
19～27 |
4.4～8.1 |
| 6.XX |
16 - 26 |
4.1～8.0.0 |
| 5.XX |
14～23 |
4.0～6.0.1 |
| 4.1.X |
14～22 |
4.0～5.1 |
| 4.0.X |
10～22 |
2.3.3 ～ 5.1 |
| 3.7.X |
10～21 |
2.3.3 - 5.0.2 |
Cordova-Android パッケージのバージョンを確認します。
Cordova platform ls # 在项目文件夹中执行Android SDK ツール
Android Studio 3.6 以降では、独立した Android SDK ツールをインストールする必要があります
Android Studio → ツール → SDK マネージャー → SDK ツール → 「廃止されたパッケージを隠す」のチェックを外す → 「Android SDK ツール (廃止)」を選択
環境変数：
①JAVA_HOME：
② ANDROID_SDK_ROOT：
③ パス：（両方とも ANDROID SDK ROOT 内）
cmdline-tools/latest/bin
エミュレータ
プラットフォームツール
build-tools (apksigner と zipalign をインストールする必要があります)
国内ミラーからソフトウェアをダウンロードするように npm を設定する
npm config レジストリを設定 https://registry.npm.taabao.org