使用HbuilderX运行uniapp中小程序项目

  1. 下载HbuilderX,下载链接: HBuilderX-高效极客技巧
  2. 导入相关项目。
  3. 下载微信开发者工具。
  4. 使用微信开发者工具打开:

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

    将服务端口打开:
  6. 在HbuilderX中下载Vue2,或者Vue3的插件,不然会出现编译失败。

  7. 在HbuilderX中点击运行到小程序。
  8. 可以看到成功运行到微信开发者工具。
相关推荐
MY_TEUCK19 小时前
【AI 应用】前端接口联调工程化:把 Swagger 接入沉淀成可复用 Skill
前端·人工智能·uni-app·状态模式
上架ipa20 小时前
uniapp打包ios配置、申请证书、测试和上架综合教程
uni-app
00后程序员张20 小时前
完整指南 iOS App上架到App Store的步骤详解
macos·ios·小程序·uni-app·objective-c·cocoa·iphone
hhzz20 小时前
记录微信小程序tabbar不显示问题:uni-app Vue 3 自定义 tabBar 不渲染
vue.js·微信小程序·uni-app
存在的五月雨21 小时前
uniapp 一些组件的使用
java·前端·uni-app
久爱@勿忘21 小时前
uniappH5跳转小程序
前端·小程序·uni-app
郑州光合科技余经理1 天前
同城O2O海外版二次开发实战:从支付网关到配送算法
开发语言·前端·后端·算法·架构·uni-app·php
启山智软2 天前
前沿主流技术栈商城系统(Java JDK21 + Vue3 + Uniapp)
java·开发语言·uni-app
WeirdOwl2 天前
uniapp 嵌入外部h5 报错/收不到消息
uni-app
敲代码的鱼哇4 天前
发送短信/拨打电话/获取联系人能力 UTS 插件(cz-sms)
android·前端·ios·uni-app·安卓·harmonyos·鸿蒙