uni-app写微信小程序教程

2025-07-06 15:57:14

1、打开HBuilderX开发工具,鼠标右键新建项目

uni-app写微信小程序教程

2、选择uni-app,输入项目名称,选择项目路径;然后选择项目模板,点击创建

uni-app写微信小程序教程

3、选择已创建项目,点击工具,然后选择设置

uni-app写微信小程序教程

4、打开Settings.json,选择运行配置菜单,移到小程序运行配置

uni-app写微信小程序教程

5、选择微信开发者工具路径,并配置外部web服务器url

uni-app写微信小程序教程

6、选择项目,点击运行,依次选择运行小程序模拟器--->微信开发者工具

uni-app写微信小程序教程

7、项目进行编译过程中,提示工具的服务端口已关闭,需要使用命令行调用

uni-app写微信小程序教程

8、打开微信小程序开发工具,点击设置--->安全设置,开启服务端口,记下端口

uni-app写微信小程序教程

9、返回到Settings.json,修改外部web服务器url的访问端口

uni-app写微信小程序教程

10、然后再次使用微信开发者工具运行,可以发现自动打开微信开发者工具,进行预览

uni-app写微信小程序教程
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢