✨个人主页：的个人主页

⏰预计时间：25分钟

专栏系列：微信小程序开发

前言

什么是微信小程序？

小程序是一款无需下载安装即可使用的应用程序，实现了“应用触手可及”的梦想，用户只需扫一扫或搜索即可打开应用。

这也体现了“用完即走”的理念，用户无需担心安装过多的应用，应用将无处不在、随时可用，却无需安装或卸载。

本期我们来学习如何下载和安装微信网页开发者工具。

下载

小程序开发工具的官方名称是“微信网页开发者工具”，其中并没有“小程序”二字。看来微信的IDE并非只用来开发小程序，事实上也确实如此，这款开发工具不仅可以用来开发小程序，还可以用于调试微信和微信JS-SDK上运行的网页。

开发工具官方下载地址为：。

官网提供了64位、32位、Mac三个版本的开发工具安装包，我选择的是64位版本的安装包。

注意：小程序开发工具不支持XP系统，官方文档中没有明确说明。

安装

下载完成后双击运行安装包并按照安装向导提示直至安装完成。

创建你的第一个项目

开发工具安装完成后，我们来创建我们的第一个小程序项目。双击打开微信Web开发者工具，使用微信登录。

首页分为本地小程序项目和公众号web项目，本地小程序项目用于开发、调试、发布微信小程序；公众号web项目用于开发、调试微信公众号、订阅号的web应用。

我这里选择的是本地小程序项目，大家可以根据自己的需求创建合适的项目~

该页面需要填写的项目有项目名称和项目目录，我们重点讲解一下这个。

ID号代表的是微信小程序，你必须有微信小程序账号才能申请这个ID号，你可以去微信公众平台官网注册一个微信小程序账号，注册地址是：。

您也可以在这里使用测试号码。

填写项目名称，项目名称建议使用英文，中文可能会造成一些未知错误。

选择一个空文件夹来存储小程序项目文件。

请务必选择一个不包含任何文件的空白文件夹，或者更好的是，创建一个新文件夹。

成功创建项目后，你会进入开发者工具主界面，可以开始开发了。

以下是官方示例工程在模拟器的运行效果

总结