微信小程序开发工具调试

第一步:安装【微信web开发工具】。点击上方栏【工具】,选择【设置】,到指定网页安装,安装完成后需手动输入文件路径。
微信小程序开发工具调试

第二步:点击【运行】,选择【运行到小程序模拟器】,可选择是否【运行到页面】
微信小程序开发工具调试第三步:开始编译运行
微信小程序开发工具调试
第四步:小程序界面导出如下
微信小程序开发工具调试

这里要注意,微信开发者工具需要提前打开服务端口,否则会报错。
选择设置->安全设置->打开服务端口。
微信小程序开发工具调试