傻瓜式教程“第一个微信小程序”

发布于:2023-07-27 ⋅ 阅读:(121) ⋅ 点赞:(0)

一、下载小程序开发工具
登录“微信公众平台”官网,点击小程序中的“开发”
这里写图片描述

点击“工具”
这里写图片描述

点击左下角“下载”
这里写图片描述

根据自己对应的系统下载,我的电脑是windows 64位,所以下载64位
这里写图片描述

自己选择好要保存的路径,这里我选择了放在桌面
这里写图片描述

二、下载官方Demo案例
在“简易教程”中点击“下载源码”,弹出的下载窗口选择好保存路径,我把它放在桌面
这里写图片描述

找到下载的Demo,然后解压
这里写图片描述

然后把这些文件统一放在一个新建文件夹里,命名为“quickstart”,后面会用到。
这里写图片描述

三、安装
找到下载的wechat_web_devtools_0.10.102800_x64.exe安装程序,双击
这里写图片描述

点击“下一步”
这里写图片描述

点击“我接受”
这里写图片描述

选择好自己要安装的路径,点击“安装”
这里写图片描述

耐心等待安装
这里写图片描述

点击“完成”,打开微信web开发者工具
这里写图片描述

用绑定了自己公众号的微信号扫描
这里写图片描述

点击“确认登录”
这里写图片描述

只是用于测试的话,点击“本地小程序项目”
这里写图片描述

点击“添加项目”
这里写图片描述

没有申请到AppID的话,点击“无AppID”,填写好项目名称,选择项目目录
这里写图片描述

选择之前官网下载的Demo,把quickstart整个文件夹放进去
这里写图片描述

点击“添加项目”
这里写图片描述

点击“编辑”
这里写图片描述

第一个微信小程序大功告成!!!
这里写图片描述


网站公告

今日签到

点亮在社区的每一天
去签到