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

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

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

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

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