Mac下 Hbuilder X使用uni-app创建微信小程序

一、在HbuilderX中创建uni-app项目

Mac下 Hbuilder X使用uni-app创建微信小程序_第1张图片

二、在Hbuilder运行配置中 设置微信开发工具的安装路径

Mac下 Hbuilder X使用uni-app创建微信小程序_第2张图片
Mac下 Hbuilder X使用uni-app创建微信小程序_第3张图片

三、在微信开发工具中,点击设置中的安全设置,然后开启服务端口

Mac下 Hbuilder X使用uni-app创建微信小程序_第4张图片

!!!记下端口号

四、在Hbuilder X运行设置中设置外部web服务调用url(本地IP+端口号)

Mac下 Hbuilder X使用uni-app创建微信小程序_第5张图片

五、点击运行到微信开发者工具

Mac下 Hbuilder X使用uni-app创建微信小程序_第6张图片

六、微信开发者工具会默认是uni-app模版

Mac下 Hbuilder X使用uni-app创建微信小程序_第7张图片

你可能感兴趣的:(uni-app,javascript,css,vue.js,前端,html)