環境準備ウィンドウ
1.最初にjdkをインストールし
ます、https://www.oracle.com/java/technologies/javase-jdk8-downloads.html
PS:これらは、学生とjdkがデフォルトでCドライブをインストールすることを提案することを思い出させます、そうでなければ、
バージョンの検出はあまりにもイライラします:
公式ウェブサイトでjdk1.8より前のjava jdkをダウンロードする場合、現在ログインするには java-version
が必要です。ここでアカウントを共有してください。簡単にダウンロードできます (PS:これはオンラインで見つかります)Oracleアカウント
[email protected]
パスワード:Oracle123
ソースアドレス:https ://blog.csdn.net/Stars_min/article/details/91659994
2. Android SDKのダウンロード
https://www.androiddevtools.cn/
3. Gradleをインストールする
https://services.gradle.org/distributions/
バージョン検出:
Gradle -v
システム構成は、新しい変数を次のよう: JAVA_HOME Cを:\プログラムファイル\のJava \ jdk1。8。.0_251 CLASSPATH ;.%JAVA_HOME%\ libに\ Dt.jar; %% JAVA_HOME \ libに\ tools.jarを として追加パスは、次のとおりです。 パス % %JAVA_HOME \ JRE \ binに %JAVA_HOME%\ binに E:\ Adnroid \ツール\アンドロイド -sdk_r24。4.1 -Windows \アンドロイド-SDK- Windowsの E:\ Adnroid \ツール\アンドロイド。-sdk_r24 4.1 -Windows \ Androidの-SDK- Windowsの\プラットフォームツール E:\ Adnroid \ツール\アンドロイド -sdk_r24。4.1 -Windows \アンドロイド-SDK-のWindows \ビルド- [ツール] E:\ Adnroid \ツール\アンドロイド。-sdk_r24 4.1-windows \ android-sdk- windows \ tools E:\ Adnroid \ Tools \ android -sdk_r24。4.1 -windows \ android-sdk-windows \ cmdline-tools \ latest
Cordova構成
コルドバ中国ネットワーク:http://cordova.axuer.com/
1. Cordova
をインストールするための前提条件は、ノードがインストールされていることです。
ノードのインストール:https://nodejs.org/zh-cn/
2.グローバルインストール
npm install- g cordova
バージョンの検出:cordova -v
3.新しいコルドバプロジェクト
cordova create Chy.Demo.Cordova org.apache.cordova.ChyApp Chy.Demo
ディレクトリ構造のアノテーション:
Chy.Demo.Cordova:cordovaディレクトリ名
org.apache.cordova.ChyApp:パッケージ名
Chy.Demoプロジェクト名
4. Cordovaプラットフォームを生成してAndroidを追加し、Androidプラットフォームに必要なCordovaライブラリーを作成します。
コルドバプラットフォーム追加アンドロイド
PS:ほとんどの作業はここで完了しました!!!
Vueプロジェクトの構築
1.最初にVue-cli scaffoldingをグローバルにインストールします
npm install- g vue
npm install -g vue-cli
2.コマンドラインを使用してVueプロジェクトを作成する
vue init webpack Chy.Demo
3.Vueプロジェクトのconfig / index.jsファイルを変更します。
インデックス:path.resolve(__ dirname、 '../www/index.html')、assetsRoot:path.resolve(__ dirname、' ../www')、assetsSubDirectory: ''、 assetsPublicPath: ''、
4. npm run buildを使用してプロジェクトをコンパイルおよびリリースします
Android APK生成
1.生成されたwwwフォルダーディレクトリのファイルをCordovaプロジェクトのwwwに上書きします
2.コマンドを実行してapkファイルをコンパイルして生成し、
cordovaビルドandroid
3、
\ platforms \ android \ app \ build \ outputs \ apk \ debugフォルダーのApkファイルプロジェクト
4.パッケージ化とデバッグの前に、まずAndroidSDKが正しくインストールされているかどうかを確認し、コマンドを実行して
コルドバの要件を確認します
5.コマンド経由
コルドバはアンドロイドを提供します
次に、ブラウザーでhttp:// localhost:8000 / android / www / index.html#/を介してページにアクセスできます(携帯電話でページを表示するのと同じように)
PS:私はこのステップを見ることができ、基本的に楽しく遊ぶことができます!!!