微信web开发者工具是一个桌面应用，它模拟微信客户端的表现，使开发者可以在PC或者Mac上进行微信小程序的开发和调试工作。以下是使用微信web开发者工具的主要步骤：
1. 访问微信开发者工具下载地址，选择适合你操作系统的稳定版本进行下载。
2. 安装完成后，启动微信web开发者工具，并用微信账号扫码登录。
3. 登陆后，你就可以新建一个小程序的项目，开始你的开发工作。
4. 在开发过程中，你可以通过微信web开发者工具调试、检验页面的JS-SDK相关功能与权限，模拟大部分SDK的输入和输出。
5. 此外，微信web开发者工具还集成了Chrome DevTools，可以协助开发。
首先登陆微信公布的简易教程网页，登陆上去后，点击导航栏上方的“工具”按钮。然后点击左侧边的导航栏“下载”按钮。
微信小程序开发工具有windows 64,windows 32和mac版本，根据自己的电脑情况，下载适合自己的版本。
把微信小程序开发工具下载回来后，选择适合的路径进行安装。
安装完开发工具后，会自动在桌面添加微信web开发者工具图标。通过点击微信web开发者工具图标打开微信小程序开发工具，然后用自己的微信软件扫描二维码登录，进入微信web开发者工具。
进入开发工具后，那个demo是由微信提供的，我们需要点击最左小角的关闭按钮，退出当前这个项目。然后点击添加项目添加一个新的项目，进入项目信息填充界面。
如果你有微信提供的AppID，那就再AppID那里填入你获取到的AppID。如果没有，那么就点击无AppID。
在项目名称那里，填入你自己项目的名称（这个随便填）。
项目目录那里，如果你是新创建一个项目，那么首先点击选择，选择一个存放你项目的文件夹。如果你是导入项目，那么就找到你那个项目的位置，直接导入就可以了。
最后店家添加项目就可以了。