一、环境准备开发微信⼩程序之前必须要准备好相应的环境1.1.注册账号建议使用全新的邮箱没有注册过其他小程序或者公众号的耐⼼完成注册即可。 点击跳转官网注册1.2.获取APPID获取APPID二.下载及安装开发工具点击跳转下载地址微信⼩程序⾃带开发者⼯具集 开发 预览 调试 发布 于⼀⾝的 完整环境。 但是由于编码的体验不算好因此 建议使⽤ vs code 微信小程序编辑工具 来实现编码。vs code 负责敲代码微信编辑工具 负责预览去下载你要的版本或者默认最新版的2.几的版本我用的是1.06.2409140版本目前官方不知道为什么给下架了么三、第一个微信小程序3.1.打开微信开发者工具注意 第一次登陆的时候需要扫码登陆 然后如果开发小程序的话选择小程序填写下信息 暂时使用测试的appId 等你想好了 或者有了appid 在填上去 后面开发上传到mp环境就会直接在你的后台中了正好了以后就会有一个首页工具的模版大概就是这个样子不过这里我要吐槽一下最新版本2.几的页面布局和使用碰到的一些问题1.如下图就是最新版本的2.几的页面布局 感觉非常的别扭 切换布局比如快速隐藏对应的窗口就 没那么舒服 不知道官方怎么考虑的个人还是觉得老板本比较经典2.每天都要登录就可麻烦了3.有时用着用着突然也会掉线 - 重新扫码希望官方能看到大家的吐槽 早点优化页面布局和性能四、微信开发者工具介绍详细信息可以查看 控制台网上拉就可以隐藏掉编辑器五、小程序结构目录小程序框架的⽬标是通过尽可能简单、⾼效的⽅式让开发者可以在微信中开发具有原⽣ APP 体验的服务。⼩程序框架提供了⾃⼰的视图层描述语⾔ WXML 和 WXSS 以及 JavaScript 并在视图层与逻 辑层间提供了数据传输和事件系统让开发者能够专注于数据与逻辑5.1.小程序文件结构和传统的web对比结构 传统web 微信小程序 结构 HTML WXML 样式 CSS WXSS 逻辑 JavaScript JavaScript 配置 无 JSON通过以上对比得出传统web是三层结构。而微信小程序是四层结构多了一层page.json6.基本项目目录编辑器可以使用 Hbuilder 去使用uniapp开发小程序等 然后运行在这个微信开发中工具中具体其他IT常见的安装软件请关注下方⬇️⬇️⬇️⬇️⬇️⬇️AA软件安装管家⬇️⬇️⬇️⬇️⬇️⬇️⬇️