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

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

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

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

将服务端口打开:

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


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

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

使用HbuilderX运行uniapp中小程序项目
姚*鸿的博客2023-10-13 19:23
相关推荐
于先生吖10 小时前
UniApp搭配Java后端实现到店预约上门指派,订单状态流转与结算开发教程岳哥i13 小时前
uniapp打包原生App流程及兼容性适配niech_cn14 小时前
uniapp开发App(iOS、Android、鸿蒙Next)之配置pages.json 页面路由(三)郑州光合科技余经理15 小时前
海外版外卖系统源码:支付/地图/多语言核心代码实现游戏开发爱好者816 小时前
Linux 自动上传 App Store Connect:把 IPA 上传流程接进CI工作流暗冰ཏོ16 小时前
《uni-app 跨端开发完整指南:从基础入门到 H5、小程序、App 发布上线》梦梦代码精16 小时前
TP8+Vue3+UniApp:LikeShop架构受青睐!暗冰ཏོ17 小时前
2026 App 开发完整指南:Android、iOS、跨平台开发与安卓应用上线全流程Geek_Vison2 天前
技术实践:保险健康APP引入第三方小程序实战,如何构建一个安全可控的沙箱环境~2501_915918412 天前
Python如何抓取HTTPS请求包的完整教程与代码示例