使用微信开发者工具创建小程序项目

时间:2026-02-14 17:30:48

1、首先运行小程序开发者工具

扫码登陆

选择小程序项目

使用微信开发者工具创建小程序项目

使用微信开发者工具创建小程序项目

2、进入小程序项目的创建窗口

项目目录是一定要填写的

AppID如果你已经注册了微信公众平台的账号,且已经通过认证,这里就可以填入你获得的Appid. 有appid可以获得更多的功能

项目名称可以随便填写了

以上都填写完成后,点确定

使用微信开发者工具创建小程序项目

3、下图就是默认创建的微信小程序

左侧为手机模拟器

右侧为文件结构与代码编辑框

使用微信开发者工具创建小程序项目

使用微信开发者工具创建小程序项目

4、默认创建出来的小程序非常简单,只有一个页面,用于我们入门.

只有一个页面也是可以运行了

我们选择右上角的编译

使用微信开发者工具创建小程序项目

5、这里会有个提示说

wx.getUserInfo 接口直接弹出授权框的开发方式将逐步不再支持

这个并不影响我们演示,选择继续使用

使用微信开发者工具创建小程序项目

6、编译完成后选择预览

使用微信开发者工具创建小程序项目

使用微信开发者工具创建小程序项目

7、处理完成后会显示一个扫码预览的窗口,使用手机微信扫这个二维码

扫这个二维码就可以在手机中真实的预览这个小程序了

这个预览只有你绑定的微信号或这个小程序管理员才能预览,其他人是看不到的

使用微信开发者工具创建小程序项目

8、预览的效果就是下图

使用微信开发者工具创建小程序项目

使用微信开发者工具创建小程序项目

© 2026 海能知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com