小程序开发从入门到企业实战--(1)开发环境搭建

腾讯基于自己的微信强大的平台推出了小程序，那么我们如何开发小程序呢，在此我将通过一些列的文章和视频课程，从零开始打造一款完整的企业级项目，废话不多说直接进入正题

欢迎关注“21点见”公众号(该公众号是使用react开发的，想学习react的[SPA和Mutil Page]我会在后续的react文集中一一呈现)

“21点见”qrcode

搭建微信小程序开发环境

下图就是微信小程序的开发工具(mac端)

微信web开发者工具

那么我们如何下载安装呢，如果你在某度搜索(微信web开发者工具)，很遗憾根本找不到入口，fuck！
下面来看正确的步骤：

1、打开微信公众平台

微信公众平台
登录微信公众平台
注：如果还没有账号的，去这里注册

2、寻找开发工具

---

微信web开发者工具

微信web开发者工具

微信web开发者工具

微信web开发者工具

开发者工具目前支持Mac和Windows，根据自己电脑的系统选择对应的工具(使用Linux的童鞋我就爱莫能助了)
注：我当时在chrome浏览器中点击下载的，但是就是下载不了，后来换了个浏览器就能下载了，如果遇到和我一样情况的同学，请注意一下
Mac和Windows的开发工具下载后，双击打开安装，安装成功后就可以正常的使用了

打开“微信web开发者工具”，如下图

微信web开发者工具

扫码确认登录
这里会有两个选项，如下图：

微信web开发者工具
选择红框框选项，显示如下图：
微信web开发者工具

点击“添加项目”，显示如下图：

微信web开发者工具
AppID填入申请小程序开发的时候微信会分配，如果没有，就选择“无AppID”(没有AppID在开发中有些小程序的功能是使用不了的)
寻找AppID，如下图：
微信web开发者工具
填写创建项目的信息，如下图：
微信web开发者工具
点击“添加项目”后，显示如下图：
微信web开发者工具
一个经典的 Hello World 出现了，哈哈哈，是不是有点小激动呢😁

下一节：详细介绍开发工具的使用