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

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

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

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

将服务端口打开:

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


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

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

使用HbuilderX运行uniapp中小程序项目
姚*鸿的博客2023-10-13 19:23
相关推荐
woshinon4 小时前
【Uniapp(HBuilderX)针对微信小程序和H5平台实现差异化配置(自定义发行)】蜡台5 小时前
Uniapp H5Builderx 预览Html 显示404问题解决Можно6 小时前
pages.json 和 manifest.json 有什么作用?uni-app 核心配置文件详解2501_915106326 小时前
iOS 多技术栈混淆实现,跨平台 App 混淆拆解与组合爱看老照片6 小时前
uniapp传递数值(数字)时需要使用v-bind的形式(加上冒号)huycheaven7 小时前
uniapp-x生成App条形码和二维码00后程序员张7 小时前
有些卡顿不是 CPU 的问题,还要排查磁盘 I/OAftery的博客7 小时前
HBulider项目打包上传到App Store需要的证书和私钥文件LXXgalaxy7 小时前
小程序文件上传怎么做?一套可复用的 UniApp 上传+预览 Demo上单带刀不带妹8 小时前
UniApp 页面跳转完全指南:5 种路由方式详解与实战对比