在此处插入图像描述

今日学习目标：下载并安装微信网页开发者工具 创建者：✨个人主页：的个人主页⏰ 预计时间：25分钟 专栏系列：微信小程序开发

目录 前言

什么是微信小程序？小程序是一种无需下载、无需安装即可使用的应用程序，实现了“触手可及的应用”的梦想，用户只需扫一扫、搜索即可打开，也体现了“用完即走”的理念，用户不用担心安装太多的应用，应用将无处不在、随时可用，却无需安装或卸载。本期，我们将学习如何下载和安装微信网页开发者工具。

下载

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

官网提供了64位、32位、Mac三个版本的开发工具安装包，我选择的是64位版本的安装包。注意：小程序的开发工具不支持XP系统，这个官方文档里没有明确说明。

在此处插入图像描述

安装

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

在此处插入图像描述

在此处插入图像描述

创建你的第一个项目

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

首页分为本地小程序项目和公众号web项目，本地小程序项目用于开发、调试、发布微信小程序，公众号web项目用于开发、调试微信公众号、订阅号的web应用，我这里选择的是本地小程序项目，大家可以根据自己的需求创建合适的项目~

在此处插入图像描述

页面上需要填写的项目有项目名称和项目目录，我们重点介绍一下这个，它代表微信小程序的ID号，你必须有微信小程序账号才能申请这个ID号，你可以去微信公众平台官网注册一个微信小程序账号，注册地址是：。这里也可以用一个测试号。

填写项目名，项目名建议使用英文，中文可能会出现一些未知错误。选择一个空文件夹存放小程序项目文件，一定要选择一个没有任何文件的空白文件夹，最好新建一个文件夹。

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

在此处插入图像描述

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

在此处插入图像描述

总结