使用之前需要安装hbuilder和微信开发者工具,hbuilder是uniapp的开发工具,微信开发者工具是微信官方的小程序开发平台:
hbuilder下载地址:HBuilderX-高效极客技巧
微信开发者工具:微信开发者工具下载地址与更新日志 | 微信开放文档
hbuilder需要加压后打开里面的启动文件,但是这种方式相对麻烦,可以创建一个桌面快捷方式来使用。
1.创建项目
点击城建,创建项目名称和小程序模板,然后选择Vue3
2.设置微信开发者工具
创建完项目之后,点击运行,会报一个错误:[error] 工具的服务端口已关闭。要使用命令行调用工具,请在下方输入 y 以确认开启,或手动打开工具 -> 设置 -> 安全设置,将服务端口开启
这是因为微信开发者工具的安全端口没有开启: 开启这个就可以了
然后重新运行就可以了: