前言：

哈哈，发现我写的文章都是项目驱动的。当然，这篇文章也是项目驱动的。前段时间，领导发现了微信小程序玩微信的好处，流程，切换速度快等，于是让小弟研究下小程序的实现。

另外，大部分博客都是处理项目中遇到的一些问题，我自己的更倾向于新知识点的收集和应用。在这里，添加我的地址：

（我觉得给个star很好:-D）

准备工作：1.小程序注册

我不会详细介绍注册过程。您可以按照我上面提供的小程序注册流程完成账号的注册和绑定。 （ps：个人注册是个人类型）

2.完善小程序信息

注册完成后，需要填写小程序信息。

3.下载开发者工具

项目开始

完成以上步骤后，我们就可以正式开始小程序的开发了。

打开微信开发者工具，扫码登录，创建项目，即可新建项目。

如果选中的项目是空文件夹，你可以根据开发者工具提示创建一个项目，这将帮助我们创建一个简单的demo。

附项目开发者工具项目及结构：

app.js、app.json、app.wxss 这三个是项目入口文件（必备），分别对应全局js、全局配置和常用样式。其中.js后缀为脚本文件，.json后缀为配置文件，.wxss后缀为样式表文件。微信小程序会读取这些文件并生成小程序实例。

我们创建的页面是在目录下创建的，其中的第一个页面是小程序的首页。每个小程序页面由四个不同后缀、相同路径下的同名文件组成，例如：.js、.wxml、.wxss、.json。 .js后缀的文件是脚本文件，.json后缀的文件是配置文件，.wxss后缀的文件是样式表文件，.wxml后缀的文件后缀为页面结构文件。

对应的.wxml和.js内容结构截图：

通过左侧编辑、调试和切换项目

调试（页面布局/数据数据观察/控制台打印等）：

项目（预览【可在微信客户端体验】/配置等操作）：

补充：

对于域名，微信小程序需要设置一个合法的域名，我们可以在服务器域名处设置：

通过这些，我们就可以完成微信小程序的介绍了。

其他参考资源：

微信小程序开发文档：

微信小程序开发资源：

另外：喜欢的话零小程序开发，给博主打赏吧：-D