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

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

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

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

将服务端口打开:

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


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

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

使用HbuilderX运行uniapp中小程序项目
姚*鸿的博客2023-10-13 19:23
相关推荐
2501_9159090610 小时前
iOS应用从开发到上架App Store的完整发布流程与步骤指南不爱说话郭德纲11 小时前
从“点点点”到一键出包:我把 uni-app x Android 离线打包做成了脚本snotJam14 小时前
关于Uniapp的Android自定义基座使用今年下半年2 天前
【微信小程序】uni-app + Vue3 + Vite 的小程序项目实现「进入指定范围才能打卡」的考勤功能郑州光合科技余经理5 天前
海外版外卖加盟:总站与分站配送规则怎么分开管遗憾随她而去.6 天前
uniApp跨端开发: 解决不同平台显示差异问题程序鉴定师9 天前
2026年深圳小程序/App开发公司技术选型指南:从架构设计到交付标准全维度评估Q264336502310 天前
【有源码】基于uni-app的旅游行程规划小程序-基于微信小程序的智慧文旅综合服务平台qq_3168377510 天前
阿里云百炼 fun-asr-realtime uniapp vue3 调用特创数字科技10 天前
uniapp 图片全能处理|全平台支持(鸿蒙、安卓、苹果、web),实现九宫格、水印、滤镜、压缩、拼图