Uniapp开发鸿蒙应用时如何运行和调试项目

布局王
• 阅读 3

经过前几天的分享,大家应该应该对uniapp开发鸿蒙应用的开发语法有了一定的了解,可以进行一些简单的应用开发,今天分享一下在使用uniapp开发鸿蒙应用时怎么运行到鸿蒙设备,并且在开发中怎么调试程序。 运行 Uniapp项目支持运行到鸿蒙真机和模拟器,不过在这之前你一定要先去AppGallery Connect官网创建一个应用,并且将包名复制。 第二步,你如果是要运行到真机,就直接把手机连接到电脑。如果想要运行到模拟器,打开DevEco随便打开一个项目,启动模拟器。 然后在HbuilderX的运行菜单下选择运行到鸿蒙,如果是第一次运行这里可能会需要下载真机运行插件 Uniapp开发鸿蒙应用时如何运行和调试项目 然后会看到设备列表,这时候选择底部的配置证书,在新的弹窗中将刚才创建应用的包名填写上,然后点击自动申请调试证书,待信息自动填满后,保存信息。 Uniapp开发鸿蒙应用时如何运行和调试项目 再次选择运行项目,这时候项目会成功运行到对应设备上 打印日志 在uniapp项目中打印日志主要使用console.log方法,打印出的日志会直接出现在下方控制台中,日志中不仅有内容,还有对应的页面路径,甚至在哪一行。 Uniapp开发鸿蒙应用时如何运行和调试项目 你也选勾选右面的显示原生日志,会看到更对的运行信息。 断点调试 Uniapp项目中也可以直接在项目代码中设置断点了,不过目前仅在uni-app x项目中支持,而且HbulderX版本需要在4.61以上。 Uniapp开发鸿蒙应用时如何运行和调试项目 打开HbulderX,创建uni-app x项目,点击控制台右上方的红蜘蛛按钮打开调试 Uniapp开发鸿蒙应用时如何运行和调试项目 现在在想要打断点的代码左侧双击出现断点标识,然后程序运行到这里就会停下来。 Uniapp开发鸿蒙应用时如何运行和调试项目 在左侧的蜘蛛栏可以看到所有的断点信息,可以在这里对断点进行统一的管理。 Uniapp开发鸿蒙应用时如何运行和调试项目 以上就行uniapp项目运行到鸿蒙和调试的相关内容,感谢阅读。 #鸿蒙三方框架##Uniapp##购物#

点赞
收藏
评论区
推荐文章
使用 Taro 开发鸿蒙原生应用 —— 快速上手,鸿蒙应用开发指南
随着鸿蒙系统的不断完善,许多应用厂商都希望将自己的应用移植到鸿蒙平台上。最近,Taro发布了v4.0.0beta.x版本,支持使用Taro快速开发鸿蒙原生应用,也可将现有的小程序转换为鸿蒙原生应用。在《使用Taro开发鸿蒙原生应用》系列文章中,我们已经介绍
京东云开发者 京东云开发者
5个月前
使用 Taro 开发鸿蒙原生应用 —— 快速上手,鸿蒙应用开发指南
作者:京东零售利齐诺随着鸿蒙系统的不断完善,许多应用厂商都希望将自己的应用移植到鸿蒙平台上。最近,Taro发布了v4.0.0beta.x版本,支持使用Taro快速开发鸿蒙原生应用,也可将现有的小程序转换为鸿蒙原生应用。在《使用Taro开发鸿蒙原生应用》系列
布局王 布局王
8小时前
uniapp跨平台开发HarmonyOS NEXT应用初体验
之前写过使用uniapp开发鸿蒙应用的教程,简单介绍了如何配置开发环境和运行项目。那时候的HbuilderX还是4.22版本,小一年过去了HbuilderX的正式版本已经来到4.64,历经了多个版本的更新后,跨平台开发鸿蒙应用的体验大幅提升。今天再次跟大家
布局王 布局王
8小时前
uniapp开发HarmonyOS NEXT应用之项目结构详细解读
昨天的文章介绍了使用uniapp跨平台鸿蒙应用时如何配置开发环境和运行调试项目,今天介绍一下uniapp项目目录的结构。可能对于从事移动开发的友友来说,uniapp的项目结构看起来有一些陌生,它更接近于前端项目,新建的uniapp项目结构是这样的:上面的两
布局王 布局王
8小时前
鸿蒙跨平台开发教程之Uniapp布局基础
前两天的文章内容对uniapp开发鸿蒙应用做了一些详细的介绍,包括配置开发环境和项目结构目录解读,今天我们正式开始写代码。入门新的开发语言往往从HelloWorld开始,Uniapp的初始化项目中已经写好了一个简单的demo,这里就不再赘述,我们直接从布局
布局王 布局王
8小时前
Uniapp开发鸿蒙应用教程之自定义导航栏
连续分享了几天的Uniapp跨平台开发鸿蒙应用教程的文章,相信大家对跨平台开发已经有了初步的了解,今天分享一下跨平台开发中的自定义导航栏。在Hbuilder的初始化项目中是自带了导航栏的,这是一个全局的导航栏,它的样式设置和修改是在全局的配置文件pages
布局王 布局王
8小时前
Uniapp开发鸿蒙应用教程之选项式api和组合式api
大家好,前两天讲了Uniapp开发鸿蒙应用时的基础布局和自定义导航栏,都是仅限于页面上的开发。今天我们尝试进行一些数据上的操作,借此分享一下选项式API和组合式API的内容。我们初始化的首页项目代码,它的脚本代码部分通常是这样的:exportdefault
布局王 布局王
8小时前
Uniapp开发鸿蒙购物项目教程之样式选择器
大家下午好,今天依然为大家带来鸿蒙跨平台开发教程的分享,我们本系列的教程最终要做一个购物应用,通过这个项目为大家分享uniapp开发鸿蒙应用从配置开发环境到应用打包上架的完成过程。昨天的文章实现了应用首页的轮播图,其中涉及到为轮播图设置样式,放一小段代码带
布局王 布局王
8小时前
Uniapp开发鸿蒙购物应用教程之商品列表
今天要分享的依然是使用uniapp跨平台开发鸿蒙应用的系列教程,今天要做的是实现首页的商品列表,效果图如下:今天的内容分为两部分,一部分是中间的商品分类,还有下方商品列表,不过这两部分其实是相同的布局方式,都是网格布局。在鸿蒙原生开发中我们都使用过grid
布局王 布局王
8小时前
详解HarmonyOS NEXT系统中ArkTS和仓颉的混合开发
连续分享了很多天鸿蒙仓颉语言的开发教程,大家现在应该都知道鸿蒙开发有ArkTs和仓颉两种开发语言,这两种语言有些相似,而且还支持混合开发,今天就分享一下怎么实现ArkTs和仓颉的混合开发,分不清这两种语言的友友今天可能要头疼了。官方文档对这两种语言的混合开