uniapp运行到小程序模拟器的方法 - uniapp开启微信开发者工具预览支持

效果图

步骤

1）下载安装稳定版的“微信开发者工具” - 有就更新到最新版
稳定版 Stable Build | 微信开放文档微信开发者平台文档https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

2）找到电脑上的“微信开发者工具”安装目录的路径

3）在HBuilderX中选择菜单 > “运行” > “运行到小程序模拟器” > 运行设置

4）设置好微信开发者工具路径

5）打开并登录到“微信开发者工具”，点击“设置”

6）安全 > 打开“服务端口”

7）回到HBuilderX，点击菜单栏 > “运行到小程序模拟器” > “微信开发者工具”

8）搞定，如果是空白页，请参考：
uniapp运行到微信开发者工具中小程序端页面空白的解决办法_Rudon滨海渔村的博客-CSDN博客效果图解决步骤1）确保“微信开发者工具”和HBuilderX已经是最新版本菜单栏 > 微信开发者工具 > 检查更新 > 立即更新（最好是重启后再更新） 2）确保“微信开发者工具”中无报错 - 有就回到HBuilderX检查修正 3）搞定，再不行就全部重装详细步骤更新更新更新升级安装，有问题的话可以重启再装，不行的话就“忽略”或者干掉...https://blog.csdn.net/qq285744011/article/details/124327230

相关错误提示

17:05:02.840 正在启动微信开发者工具...
17:05:03.819 [微信小程序开发者工具] [error] IDE service port disabled. To use CLI Call, please enter y to confirm enabling CLI capability, or manually open IDE -> Settings -> Security Settings, and set Service Port On.
17:05:03.824 [微信小程序开发者工具] For more details see: https://developers.weixin.qq.com/miniprogram/en/dev/devtools/cli.html
17:05:03.827 [微信小程序开发者工具] [error] 工具的服务端口已关闭。要使用命令行调用工具，请在下方输入 y 以确认开启，或手动打开工具 -> 设置 -> 安全设置，将服务端口开启。
17:05:03.827 [微信小程序开发者工具] 详细信息: https://developers.weixin.qq.com/miniprogram/dev/devtools/cli.html
17:05:03.834 [微信小程序开发者工具]
17:05:03.834 [微信小程序开发者工具] ? Enable IDE Service (y/N) [27D[27C
17:05:03.837 [微信小程序开发者工具] - initialize
17:05:03.838 [微信小程序开发者工具]
17:05:03.841 [微信小程序开发者工具] × initialize
17:05:03.841 [微信小程序开发者工具]
17:05:03.844 [微信小程序开发者工具]

封面

uniapp运行到小程序模拟器的方法 - uniapp开启微信开发者工具预览支持 - HBuilderX相关推荐

微信小程序开发自学笔记 —— 九、微信开发者工具
微信开发者工具介绍由于小程序渲染和逻辑分离的运行机制与传统的网页存在差异,所以无法使用传统的网页的开发调试工具. 开发者可以借助微信开发者工具完成小程序的代码开发.编译运行.界面和逻辑调试.真机预 ...
创建一个微信小程序——如何注册账号，安装微信开发者工具，创建一个小程序（详细步骤版）
一.注册账号注册地址注册地址:微信公众平台注册右上角--[立即注册]. 选择[小程序]. 按照步骤完成注册. 按照步骤激活邮箱后,在信息登记这里选择个人. 填写相关信息. 完成注册. 这一步可 ...
微信小程序 ---在Vscode上编辑，微信开发者工具上预览，快速上手
微信小程序 -快速上手第一个小程序成功导入一个已经在开发中项目 vscode 设置设置高亮拷贝到 settings.json "files.associations": ...
uniapp运行到小程序之无法启动
创建了一个uniapp项目,要求是在H5以及小程序都可运行,H5端很容易实现,那么我们来一起探讨小程序遇到的问题: 首先,HbuilderX运行到微信小程序,前提是要安装微信开发者工具,来模拟手机上的 ...
(uniapp-快速入门)运行到小程序模拟器微信开发工具
1.新建uniapp项目(HBuilder X) HBuilder X安装包快速通道 2.打开微信开发者工具点击确认开启服务窗口 3.运行到小程序模拟器--微信开发者工具此时会弹出个弹窗让你输入 ...
iKcamp出品｜全网最新｜微信小程序｜基于最新版1.0开发者工具之初中级培训教程分享...
?? 微信小程序课程,面向所有具备前端基础知识的同学 ?? iKcamp官网:http://www.ikcamp.com 访问官网更快阅读全部免费分享课程:<iKcamp出品|全网最新|微信小程 ...
小程序图片上传php后台,微信小程序图片选择、上传到服务器、预览（PHP）实现实例...
微信小程序图片选择.上传到服务器.预览(php)实现实例小程序实现选择图片.预览图片.上传到开发者服务器上后台使用的tp3.2 图片上传请求时候的header参考时可以去掉(个人后台验证权限使用 ...
php 点击选择图片上传,微信小程序图片选择、上传到服务器、预览（PHP）实现实例...
微信小程序图片选择.上传到服务器.预览(PHP)实现实例小程序实现选择图片.预览图片.上传到开发者服务器上后台使用的tp3.2 图片上传请求时候的header参考时可以去掉(个人后台验证权限使用 ...
微信小程序之wx.request:fail错误，真机预览请求无效问题解决，安卓,ios网络预览异常
微信小程序之wx.request:fail错误,真机预览请求无效问题解决,安卓,ios网络预览异常参考文章: (1)微信小程序之wx.request:fail错误,真机预览请求无效问题解决,安卓,i ...

uniapp运行到小程序模拟器的方法 - uniapp开启微信开发者工具预览支持 - HBuilderX

效果图

步骤

uniapp运行到小程序模拟器的方法 - uniapp开启微信开发者工具预览支持 - HBuilderX相关推荐

最新文章

热门文章