1 预备工具

node.js及vs code

安装及使用教程
nodejs的安装包括node及npm,node是js交互式工具,而npm是一个包管理工具。
使用命令node -v或npm -version可以查看是否安装及安装版本。

VSCode设置中文语言显示

Android SDK

可以安装Android Studio,在里面可以安装相关Android SDK,或者也可以单独下载SDK。

相关教程

cordova教程:https://www.w3cschool.cn/cordova/cordova_environment_setup.html
官方文档:http://cordova.axuer.com/#getstarted

2 安装cordova

使用淘宝NPM镜像快速安装Cordova

npm config set registry https://registry.npm.taobao.org 
npm i -g cordova

输入cordova -version查看是否安装成功

3 创建第一个应用程序

步骤1 - 创建应用程序

cordova create CordovaProject io.cordova.hellocordova CordovaApp
  • CordovaProject 是创建应用程序的目录名称。
  • io.cordova.hellocordova 是默认的反向域值。
  • 如果可能,您应该使用您自己的域值。 CordovaApp 是您应用的标题。

在这里插入图片描述
在这里插入图片描述
步骤2 - 添加平台
进入到工程目录cd ./CordovaProject
添加安卓平台,这里需要提前安装好Android SDK

cordova platform add android

详见https://www.w3cschool.cn/cordova/cordova_first_application.html

步骤3 - 构建和运行
在这一步,我们正在为指定的平台构建应用程序,所以我们可以在移动设备或模拟器上运行它。

cordova build android

现在我们可以运行我们的应用程序。 如果你使用默认模拟器,你应该使用

cordova emulate android

如果你想使用外部模拟器或真实设备,你应该使用

cordova run android

注意:若编译时报错,则一般需要配置相关环境,记得配置完环境变量以后要重启命令提示符:
gradle环境配置Android SDK

genymotion安装教程https://blog.csdn.net/qq_45467083/article/details/104380633

vscode 与 cordova

Cordova学习笔记-7.VisualStudioCode运行Cordova项目
cordova学习笔记,基于vscode入门和调试
VS Code插件之Cordova Tools

调试串口点击添加配置,就会出现launch.json文件,编辑后就会出现如下界面。
在这里插入图片描述
在这里因为我使用的是genymotion模拟器,所以这里要这样修改,否则会报错(大概原因是找不到默认模拟器):
在这里插入图片描述

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐