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

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

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

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

  7. 在HbuilderX中点击运行到小程序。
  8. 可以看到成功运行到微信开发者工具。
相关推荐
奶糖 肥晨4 小时前
解决 UniApp 自定义弹框被图片或 Canvas 覆盖的 Bug
uni-app·bug
荷花微笑4 小时前
HBuilderX升级,Vue2 scss 预编译器默认已由 node-sass 更换为 dart-sass
uni-app·css3
2501_916007479 小时前
iOS App 上架实战 从内测到应用商店发布的全周期流程解析
android·ios·小程序·https·uni-app·iphone·webview
anyup12 小时前
🔥 🔥 为什么我建议你使用 uView Pro 来开发 uni-app 项目?
前端·vue.js·uni-app
小小怪下士_---_15 小时前
uniapp开发微信小程序自定义导航栏
前端·vue.js·微信小程序·小程序·uni-app
anyup18 小时前
🔥🔥 uView Pro:Vue3+TS重构的uni-app开源组件库,文档免费无广告!
前端·vue.js·uni-app
样子20181 天前
Uniapp 之renderjs解决swiper+多个video卡顿问题
前端·javascript·css·uni-app·html
fakaifa1 天前
点大餐饮独立版系统源码v1.0.3+uniapp前端+搭建教程
小程序·uni-app·php·源码下载·点大餐饮·扫码点单
Bug改不动了1 天前
React Native 与 UniApp 对比
react native·react.js·uni-app
anyup1 天前
🔥🔥 10 天 Star 破百!uView Pro 文档也开源啦:完全免费、无广告、高效上手
前端·vue.js·uni-app