cordova學習筆記,基於vscode入門和調試


1.和electron一樣,cordova變成了一個nodejs的npm包,全局安裝就好了。

  npm i -g cordova
2.使用cordova命令(這有點像flutter),創建一個項目,使用命令就行:cordova create 項目名稱(和flutter一樣創建一個文件夾,然后放置好路徑).

 cordova create hello com.example.hello HelloWorld

 cordova create <path> [Id [name [config]]] [option]

 具體命令的用法可以用cordova help create 查看。

然后修改 hello 文件夾下的config.xml文件

3.www文件夾下的文件會打包到apk里。
4.使用cordova run 命令來運行,前提是你要先開一個模擬器或真機。
5.使用cordova build 打包安裝包,打包后發現相比flutter的大安裝包,cordova如果不使用任何插件,打包后很才1m多,好小。

cordova build android 打包時會要求安裝gradle或android studio,實際上可能你的機器上早就安裝過gradle(gradle wrapper會自已下載)了,只是你沒有設置到path環境變量里,查到用戶文件夾下的.gradle文件夾,應該就能找到已經安裝的gradle,譬如我把C:\Users\kong\.gradle\wrapper\dists\gradle-4.10.2-all\9fahxiiecdb76a5g3aw9oi8rv\gradle-4.10.2\bin設置到path里,就沒有再提示gradle安裝的問題了,等會兒當前項目的gradle wrapper再要下載gradle時可能要花很長時間,也可能下載不下來,如果下載不下來建議參考https://blog.csdn.net/bing103425/article/details/82895615

在vscode下可以安裝cordova tools 插件,可以輔助調試。安裝完以后,看插件安裝說明,可以指導你生成調試配置:
   調試->生成配置->cordova,然后就會生成一個launch.js,在調試界面就可以用了。

   

 

   這個插件目前看來有三個功能:

  •   調試
  •   cordova插件的api提示
  •   ionic的代碼提示

  有三類調試模式:

  •  Run Android on device :真機測試
  • Run Android on emulator:模擬器測試
  • Simulate Android in browser:在瀏覽器中仿真測試

  這里面最有用的是第三個,在瀏覽器中仿真調試,你編輯完代碼后,代碼會同步到仿真器里,顯著提高開發速度。

我這個跨度是不是有點大,flutter使用了一個月,然后突然就搞cordova了,情況是這樣的,公司對flutter的期待很高,希望用flutter上也實現一個ui快速開發平台(根據業務寫代碼是不夠的,能根據配置生成界面才是最好的),就我目前的能力來看,難度有點大。公司之前已經用vue實現一套配置即代碼的ui平台了,如果單純是希望快速有一個apk,加個殼無疑是最快的,學完沒有機會實戰,flutter再搞下去的意義不太大。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM