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

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

扫码登陆

选择小程序项目

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

项目目录是一定要填写的

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

项目名称可以随便填写了

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

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

左侧为手机模拟器

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

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

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

我们选择右上角的编译

5、这里会有个提示说

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

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

6、编译完成后选择预览

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

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

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

8、预览的效果就是下图