- 下载HbuilderX,下载链接: HBuilderX-高效极客技巧
- 导入相关项目。

- 下载微信开发者工具。
- 使用微信开发者工具打开:

注意 :如果是第一次使用,需要先配置小程序ide的相关路径,才能运行成功。如下图,需在输入框输入微信开发者工具的安装路径。

- 设置微信开发者工具的开发端口号,点击设置 -> 安全设置;

将服务端口打开:

- 在HbuilderX中下载Vue2,或者Vue3的插件,不然会出现编译失败。


- 在HbuilderX中点击运行到小程序。

- 可以看到成功运行到微信开发者工具。

使用HbuilderX运行uniapp中小程序项目
姚*鸿的博客2023-10-13 19:23
相关推荐
2501_915918411 天前
深入对比iOS开发中常用性能监控工具的底层原理与优缺点分析AI多Agent协作实战派2 天前
AI多Agent协作系统实战(二十三):Agent读HEARTBEAT.md不读AGENTS.md——openclaw的文件加载之谜tg-zm8899962 天前
uni-app开发经验分享-跨端开发经验总结m0_547486662 天前
《Vue.js + uni-app全栈开发从入门到实践 》全套PPT课件2026版三声三视2 天前
uni-app 鸿蒙端传参变成 [object Object]?顺着源码追到 ArkTS router 底层才搞明白小徐_23333 天前
Open Wot 1.0.5 发布:让 AI 接入 wot-ui,只需要两条命令AI多Agent协作实战派3 天前
AI多Agent协作系统实战(二十二):从6列到12列——任务监控报告的进化之路小杨小杨、努力变强!3 天前
VS Code运行HBuilder X中的uni-app项目码兄科技3 天前
实战:基于Spring Boot + UniApp的地理信息小程序开发2501_916007474 天前
iOS和macOS应用程序性能分析和优化工具使用综合指南