zoukankan      html  css  js  c++  java
  • 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再搞下去的意义不太大。

  • 相关阅读:
    网页快捷键
    2016年5月3日15:55:23笔记
    【编程的乐趣-用python解算法谜题系列】谜题一 保持一致
    重温离散系列②之良序原理
    重温离散系列①之什么是证明
    浅谈栈和队列
    [leetcode]16-最接近的三数之和
    [leetcode] 4-寻找两个有序数组的中位数
    英语句子的基本结构【转】
    [leetcode] 11-盛最多水的容器
  • 原文地址:https://www.cnblogs.com/nomarker/p/11970414.html
Copyright © 2011-2022 走看看