通过 HBuilderX 开发 Vue 项目,编译小程序代码,再通过 微信开发者工具 预览调试
1.开发工具 HBuilderX
(1)网址: DCloud - HBuilder、HBuilderX、uni-app、uniapp、5+、5plus、mui、wap2app、流应用、HTML5、小程序开发、跨平台App、多端框架
(2)工具 -> 插件安装 -> 安装 uni-app(vue3)编译器 插件
(3)设置微信开发者工具路径
2.微信开发者工具
(1)网址:developers.weixin.qq.com/miniprogram/dev/devtools/download.html
(2)开启服务端口:设置 -> 小程序 -> 安全 -> 服务端口开启
技巧:
模拟器窗口分离和置顶