仕事の関係で、Android 開発だけでは会社のニーズに応えられなくなり、mui は何かが足りないと感じているので、最近、cordova+vue によるモバイル アプリケーションの開発方法を研究し始めました。 、そしてIOSは将来的に徐々に発展します. 研究、ナンセンスな話をしないで、料理に直行してください:
まず、この開発セットと Android ネイティブと h5 の最大の違いは、ページ操作がそれほど多くないことと、多くの操作を実現するにはコマンドをテストする必要があることです。
最初のステップは node.js をインストールすることです
node.js のインストールに関するチュートリアルはインターネット上にたくさんあるので、ここでは詳しく説明しません。
2番目のステップは、jdkをインストールすることです
これについてはあまり説明しませんが、環境変数を設定することを忘れないでください。
3 番目のステップは、Android Studio と SDK をインストールすることです。
このステップについては多くを語ることはありません
4番目のステップはgradleをインストールすることです
5 番目のステップは、vue scaffolding をインストールすることです
npm install -g @vue/cli
おめでとうございます。これまでの手順はここで完了しました。プロジェクトの作成を開始できます。
作成手順は次のとおりです。
1. コルドバをインストールする
npm install -g コルドバ
2. コルドバ プロジェクトを作成する
cordova create myApp com.cn.xy.myApp myApp
3. 必要なプラットフォームを追加します。ここでは Android プラットフォームのみを追加します。
cd myApp
コルドバ プラットフォーム アンドロイドを追加
cordova プラグイン追加 cordova-android-support-gradle-release --fetch
4. Android アプリをコンパイルする
1. 環境構成を確認する
コルドバ要件
2.コンパイルする
コルドバビルドアンドロイド
5. Android プログラムを実行する
コルドバ実行アンドロイド
vueの追加を始めましょう
1.ビューパネルを開く
vue ui
Web ページが開くので、[作成] をクリックします。
2.vue プロジェクトを作成する
3. プリセット
4.インポートしたツールを選択
知識ポイント
バベルとは?
Babel は JavaScript コンパイラであり、主に ECMAScript 2015+ バージョンのコードを下位互換性のある JavaScript 構文に変換するために使用されるため、現在および古いバージョンのブラウザや他の環境で実行できます。
クリックしてプロジェクトを作成すると、cmd で実行され、操作の進行状況が確認され、操作が完了すると準備が整います。
上記の基本的な cordova+vue プロジェクトが作成されました。
vueに適したおすすめのフロントエンドライブラリはこちら. 完成後はこのページに飛びます. 左のプラグインをクリックしてください.
最後に、開発ツールであるVisual Studio Codeをお勧めします。