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:Userskong.gradlewrapperdistsgradle-4.10.2-all9fahxiiecdb76a5g3aw9oi8rvgradle-4.10.2in设置到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再搞下去的意义不太大。

原文地址:https://www.cnblogs.com/nomarker/p/11970414.html