Androidアプリケーションを構築するためのCordova + vueプロジェクトパッケージ

環境準備ウィンドウ

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:私はこのステップを見ることができ、基本的に楽しく遊ぶことができます!

 

おすすめ

転載: www.cnblogs.com/hanlongZ/p/12721441.html