从零开始学习微信小程序：注册与创建
最近和同事一起启动了一个微信小程序项目，目前正在做界面设计和功能定位。在正式之前，我打算利用空闲时间学习一下小程序，并整理出一份入门教程。虽然时间有限，但我会尽量保持更新。今天，我们就从小程序注册到创建第一个小程序开始讲起。
一、小程序注册流程
要小程序，首先得注册一个小程序账。进入微信公众平台，选择“小程序”账类型进行注册。需要注意的是，微信公众平台管理着订阅、服务和小程序等多种账，不同类型的账不通用。注册时使用的邮箱也不能被其他公众或微信绑定过。
注册完成后，登录账，按照提示填写小程序信息，创建属于你的小程序。每个小程序都有一个唯一的AppID，就像身份证一样，后续中会用到，所以一定要记好。
二、安装者工具
接下来，前往微信者工具官网下载安装包。我选择了稳定版，安装时建议不要默认装在C盘，避免占用系统盘空间。安装完成后，启动工具，选择“新建项目”。
在新建项目界面，填写项目名称、存放目录，并选择“测试”作为AppID（学习阶段不需要使用正式AppID）。后端服务暂时选择“不使用云服务”，语言可以根据个人习惯选择JavaScript或TypeScript。点击“创建”按钮，你的第一个小程序项目就正式启动了。
三、者工具界面与文件结构
1. 界面介绍
微信者工具的界面和Chrome浏览器的调试工具很像，分为模拟器、编辑器和调试器三个区域。模拟器用于实时预览小程序效果，编辑器用于编写代码和管理项目目录，调试器则用于调试代码。
右上角还有“预览”和“真机调试”按钮，可以通过微信扫码在手机上查看小程序效果。此外，工具还提供了版本管理功能，方便多人协作。
2. 文件类型与作用
小程序代码主要由四种文件类型组成：
- .wxml：微信模板文件，类似于HTML。
- .wxss：微信样式表文件，用于定义页面样式。
- .js：脚本文件，编写逻辑代码。
- .json：静态数据配置文件。
在项目目录中，app.json是小程序的全局配置文件，管理页面路径、界面表现等。project.config.json则用于保存者工具的个性化配置，方便在不同设备上同步设置。
四、中的注意事项
1. 微信小程序与网页的区别
微信小程序的渲染层和逻辑层由不同线程处理，逻辑层运行在JavaScriptCore中，而网页的渲染和逻辑由同一线程处理。因此，小程序中无法直接操作DOM，也无法使用一些网页中常见的库。
2. 添加页面的正确方式
在app.json的pages字段中新增页面路径后，保存文件，者工具会自动生成对应的页面文件夹。删除路径时，记得手动删除对应的文件夹，保持两者一致。
3. JSON文件的写法
JSON文件必须用双引包裹键和值，且值只能是数字、字符串、布尔值、数组或对象。不支持函数或其他数据结构，也不能添加注释，否则会报错。
五、总结与后续计划
到这里，我们已经完成了小程序的注册、者工具的安装，并简单了解了工具界面和文件结构。虽然目前的小程序还很基础，但我们已经迈出了第一步。
接下来，我计划按照前端学习的顺序，从HTML+CSS编写静态页面开始，逐步介绍数据交互和事件触发，最后深入探讨小程序的其他功能。希望这样的学习路径能让大家更容易上手。
如果你对小程序感兴趣，欢迎持续关注后续更新！
