因為作業需要,僅僅只會安卓開發已經不能滿足公司的需求了,mui又感覺少了點什么,所以最近開始研究cordova+vue的方式開發移動應用,暫時還是只開發安卓端,iOS以后在慢慢研究,廢話不多說直接上菜:
首先這一套開發跟安卓原生和h5最大的不同,就是沒有那么多頁面操作,需要考命令來實作很多操作,所以
第一步 先安裝node.js
安裝node.js網上有很多教程,這里就不多贅述了,
第二步 安裝jdk
這個也不多說了,不要忘記配置環境變數就行,
第三步 安裝Android Studio 和 SDK
這一步也不多說了
第四步 安裝gradle
傳送門
第五步 安裝vue腳手架
npm install -g @vue/cli
恭喜,到這里前期步驟已經完成了,可以開始創建專案了!
創建步驟如下:
1.安裝cordova
npm install -g cordova
2.創建cordova專案
cordova create myApp com.cn.xy.myApp myApp

3.添加必要的平臺,這里只添加安卓平臺
cd myApp
cordova platform add android
cordova plugin add cordova-android-support-gradle-release --fetch


4.編譯android app
1.檢查環境配置
cordova requirements
2.編譯
cordova build android

5.運行android程式
cordova run android
下面開始添加vue
1.打開vue面板
vue ui

會打開一個網頁,點擊創建

2.創建一個vue專案

3.預設

4.選擇引入的工具
知識點
Babel 是什么?
Babel 是一個 JavaScript 編譯器,主要用于將 ECMAScript 2015+ 版本的代碼轉換為向后兼容的 JavaScript 語法,以便能夠運行在當前和舊版本的瀏覽器或其他環境中

點擊創建專案,會在cmd中運行,查看運行進度,運行完成后即可,
以上一個基礎的cordova+vue專案已經創建完成了,
這里推薦一個適合vue的前端庫,完成后頁面會跳轉到這個頁面,點擊左側的插件即可


最后在推薦一個開發工具,Visual Studio Code,
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/262060.html
標籤:其他
