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

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

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

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

  7. 在HbuilderX中点击运行到小程序。
  8. 可以看到成功运行到微信开发者工具。
相关推荐
00后程序员张4 小时前
Fiddler抓包工具使用教程,代理设置与调试方法实战解析(含配置技巧)
前端·测试工具·ios·小程序·fiddler·uni-app·webview
笨笨狗吞噬者14 小时前
【uniapp】体验优化:开源工具集 uni-toolkit 发布
性能优化·微信小程序·uni-app
NoneSL16 小时前
Uniapp UTS插件开发实战:引入第三方SDK
前端·uni-app
_AaronWong1 天前
微信小程序同声传译插件接入实战:语音识别功能完整实现指南
前端·微信小程序·uni-app
赵庆明老师1 天前
Uniapp微信小程序开发:http请求封装。
http·微信小程序·uni-app
雪芽蓝域zzs1 天前
uniapp AES 加密解密
开发语言·uni-app·c#
我是高手高手高高手1 天前
uni-app x 左右滑动效果
uni-app
居安思危_Ho2 天前
RK平台Uniapp自启动缓存问题解决
android·缓存·uni-app·rk平台·uniapp资源文件
你真的可爱呀2 天前
uniapp学习【项目创建+项目结构解析】
学习·uni-app
小小弯_Shelby2 天前
uniApp App内嵌H5打开内部链接,返回手势(左滑右滑页面)会直接关闭H5项目
前端·uni-app