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

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

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

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

  7. 在HbuilderX中点击运行到小程序。
  8. 可以看到成功运行到微信开发者工具。
相关推荐
快乐的二进制鸭4 小时前
uniapp实现app的pdf预览
pdf·uni-app
qq_316837755 小时前
uniapp 打包安卓 集成高德地图
uni-app
阿福的工作室5 小时前
uniapp录制语音
uni-app
貂蝉空大8 小时前
uni-app开发app时 使用uni.chooseLocation遇到的问题
uni-app
林同学++8 小时前
uniapp多端适配
uni-app
kidding7238 小时前
uniapp引入uview组件库(可以引用多个组件)
前端·前端框架·uni-app·uview
qq_316837758 小时前
uniapp 安卓10+ 选择并上传文件
uni-app
合法的咸鱼8 小时前
uniapp 使用unplugin-auto-import 后, vue文件报红问题
前端·vue.js·uni-app
阳%12 小时前
uni-app小程序开发 基础知识2
前端·uni-app
花伤情犹在17 小时前
uView UI 在 UniApp 中的集成与配置
uni-app·view design