1、首先运行小程序开发者工具扫码登陆选择小程序项目


2、进入小程序项目的创建窗口项目目录是一定要填写的AppID如果你已经注册了微信公众平台的账号,且已经通过认证,这里就可以填入你获得的Appid. 有appid可以获得更多的功能项目名称可以随便填写了以上都填写完成后,点确定

3、下图就是默认创建的微信小程序左侧为手机模拟器右侧为文件结构与代码编辑框


4、默认创建出来的小程序非常简单,只有一个页面,用于我们入门.只有一个页面也是可以运行了我们选择右上角的编译

5、这里会有个提示说wx.getUserInfo 接口直接弹出授权框的开发方式将逐步不再支持这个并不影响我们演示,选择继续使用

6、编译完成后选择预览


7、处理完成后会显示一个扫码预览的窗口,使用手机微信扫这个二维码扫这个二维码就可以在手机中真实的预览这个小程序了这个预览只有你绑定的微信号或这个小程序管理员才能预览,其他人是看不到的

8、预览的效果就是下图

