从零开始，手把手教你开发一个简单的微信小程序

好，咱们直接开干。你刷朋友圈、看公众号的时候，是不是经常看到各种小程序？点开就能用，不用下载安装，特别方便。很多人觉得开发这玩意儿是程序员的专利，自己一个门外汉只能干瞪眼。其实啊，没那么玄乎。只要你有点耐心，跟着我这篇文章一步步来，从零开始，你也能捣鼓出一个属于自己的简单小程序。我保证，整个过程不会让你打退堂鼓，反而会觉得挺有意思。

第一步，你得先去微信公众平台注册一个小程序账号。别怕，注册流程跟注册个邮箱差不多。打开微信公众平台官网，点“立即注册”，选“小程序”那个选项。填上邮箱、密码，激活邮件，再填一些基本信息，比如小程序的名称、头像、介绍。名字别乱起，得跟你的内容相关，比如你想做个记账小程序，就叫“我的记账本”。注册完，你就有了一个属于自己的小程序 ID，这东西叫 AppID，后面开发的时候会用到，得记好。

账号搞定，接下来就是下载开发工具。微信官方提供了一个叫“微信开发者工具”的软件，免费，直接去官网下载安装就行。打开工具后，用你刚才注册的微信扫码登录，然后点“新建项目”。填上项目名字、选择存放代码的文件夹，最关键的是把刚才的 AppID 填进去。选“不使用云开发”，因为咱们先做最简单的，云开发以后再说。点确定，一个空的小程序项目就建好了。你会看到左边是代码区，右边是预览区，中间是调试区，跟个小型 IDE 差不多，别被吓到，咱们只用最基础的功能。

现在咱们来聊聊小程序的基本构成。一个小程序页面主要由三个文件组成：`.wxml`、`.wxss`和`.js`。`.wxml`负责页面长什么样，类似 HTML；`.wxss`负责页面好不好看，类似 CSS；`.js`负责页面怎么干活，比如点击按钮后弹出什么东西。你打开项目，会看到 `pages/index` 文件夹，里面就有这三个文件，还有一个 `.json` 配置文件。咱们先打开 `index.wxml`，把里面默认的那套 Hello World 代码全删掉，换成你自己的内容。比如写个 `你好，这是我的第一个小程序！`，保存后，右边预览区就会显示这句话。

光显示文字太单调了，咱们加点交互。在 `index.wxml` 里加个按钮：`点我一下`。`bindtap` 是微信小程序里绑定点击事件的方式，意思是当用户点了这个按钮，就去执行 `clickMe` 这个函数。??%B