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

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

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

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

将服务端口打开:

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


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

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

使用HbuilderX运行uniapp中小程序项目
姚*鸿的博客2023-10-13 19:23
相关推荐
spmcor11 小时前
身份证读卡“无感登录”方案实践:从手动点击到自动检测PedroQue9916 小时前
uni-router v1.8.0新增冷启动守卫补执行PedroQue992 天前
uni-router v1.7.0重磅更新:守卫重定向自由掌控一份执念3 天前
uni-app项目 (vue+vite + uni-UI)中引入umd格式JS文件,微信小程序中导入报错处理方案PedroQue994 天前
V1.6.1性能优化:高频路径提速与代码精简夏碧笔6 天前
uni-app跨端地图实战:用第三方LBS替代微信平台收费服务用户69903048487510 天前
try catch使用场景 处理同步代码错误兼容用的ITKEY_10 天前
uniapp微信开发者工具 更改AppID失败 touristappidGeek_Vison11 天前
APP瘦身实战:从80MB+砍到15MB——基于小程序容器技术剥离APP非核心业务的实践分享CHB11 天前
HDC2026 演讲实录|AI 驱动的跨端进化:利用 uni-agent 快速构建高性能鸿蒙应用