首先登陆微信公布的简易教程网页微信小程序导航栏，登陆上去后，点击导航栏上方的“工具”按钮。然后点击左侧边的导航栏“下载”按钮。微信小程序开发工具有windows 64,windows 32和mac版本，根据自己的电脑情况，下载适合自己的版本。把微信小程序开发工具下载回来后，选择适合的路径进行安装。安装完开发工具后，会自动在桌面添加微信web开发者工具图标。通过点击微信web开发者工具图标打开微信小程序开发工具，然后用自己的微信软件扫描二维码登录，进入微信web开发者工具。进入开发工具后，那个demo是由微信提供的，我们需要点击最左小角的关闭按钮，退出当前这个项目。然后点击添加项目添加一个新的项目，进入项目信息填充界面。如果你有微信提供的AppID，那就再AppID那里填入你获取到的AppID。如果没有，那么就点击无AppID。在项目名称那里，填入你自己项目的名称（这个随便填）。项目目录那里，如果你是新创建一个项目，那么首先点击选择，选择一个存放你项目的文件夹。如果你是导入项目，那么就找到你那个项目的位置，直接导入就可以了。最后店家添加项目就可以了。
微信web开发者工具怎么用？
首先要下载微信官方的微信Web开发者工具。打开微信公众平台（）微信小程序导航栏，找到右下方的小程序模块，点击「开发」按钮；
点击顶部导航栏的「工具」按钮，在新页面的左侧栏中找到「下载」。可以看到，开发工具提供 Windows 32 位微信小程序导航栏、Windows 64 位和 Mac 三个版本。可根据实际情况，选择适合自己电脑的开发工具。
安装后，就可以直接启动开发者工具微信小程序导航栏。如果是首次启动开发者工具，需要使用开发者的微信号扫码登录。登陆后，点击「添加项目」按钮，填写 AppID（如果没有，则点击无 AppID）和项目名称。接着，在项目目录中点击「选择」，新建一个文件夹作为新的项目目录。然后再次点击「添加项目」，就可以新建出一个微信小程序项目了。
微信开发者工具共分成「编辑」、「调试」和「项目」三个部分微信小程序导航栏。
编辑：编辑和修改小程序的代码微信小程序导航栏。
调试：显示小程序代码错误和警告，便于调试代码错误微信小程序导航栏。
项目：用于查看小程序的属性微信小程序导航栏、修改小程序配置，以及提交小程序代码至微信服务器。
开发工具还提供简单的模拟器（页面左侧），开发者可以使用模拟器在电脑上模拟用户点击及使用，提供后台情况模拟微信小程序导航栏、多媒体播放器调试、缓存数据处理等功能。
