1、首先要下载微信官方的微信Web开发者工具。打开微信公众平台（mp.weixin.qq.com），找到右下方的小程序模块，点击「开发」按钮；
2、点击顶部导航栏的「工具」按钮，在新页面的左侧栏中找到「下载」。可以看到，开发工具提供 Windows 32 位、Windows 64 位和 Mac 三个版本。可根据实际情况，选择适合自己电脑的开发工具。
3、安装后，就可以直接启动开发者工具。如果是首次启动开发者工具，需要使用开发者的微信号扫码登录。登陆后，点击「添加项目」按钮，填写 AppID（如果没有，则点击无 AppID）和项目名称。接着，在项目目录中点击「选择」，新建一个文件夹作为新的项目目录。然后再次点击「添加项目」，就可以新建出一个微信小程序项目了。
4、微信开发者工具共分成「编辑」、「调试」和「项目」三个部分。
编辑：编辑和修改小程序的代码。
调试：显示小程序代码错误和警告，便于调试代码错误。
项目：用于查看小程序的属性、修改小程序配置，以及提交小程序代码至微信服务器。
5、懂技术的程序员到这一步就可以自己开发了。而不懂编程的小白，可以登录微信小程序制作平台「即速应用」官方网站www.jisuapp.cn进行小程序的制作。里面有大量的小程序模板，根据自己的需求选择一个模板进行制作即可。
开发工具还提供简单的模拟器（页面左侧），开发者可以使用模拟器在电脑上模拟用户点击及使用，提供后台情况模拟、多媒体播放器调试、缓存数据处理等功能
6、制作完成后，点击「生成」按钮。然后选择「小程序打包」，下载小程序的标准代码包。
7、回到在微信Web开发工具中，在「项目目录」这一栏选择下载好的代码包，打开后就可以看到小程序的预览效果了。
8、在「项目」页面中，开发者可以查看小程序的基本属性，也可以进行真机预览调试，或向微信服务器提交一个新版本的小程序代码。服务器收到代码后，管理员就可以通过公众平台，将新版本提交审核了。
❷ 微信小程序出现编译.wxml文件错误，错误信息...
相信出这个错误的时候，很多朋友都是摸不着头脑，其实这个是微信小程序开发工具的bug。
当我们右键创建一个目录并创建页面时，开发工具会自动帮我们在app.json文件中pages下创建一个路径配置
如下图：
然后这个时候我们编译，小程序开发工具会给我报出如下错误：
出现这个问题的原因在于第一张图中自动生成的路径多了一个“/”，也就是“/pages/home/home”多了一个“/”，我们只需要将“/”去掉即可。
❸ 微信小程序开发工具导入本地项目后，编译一直提示网络异常，请检查网络，这是怎么回事呀
在使用微信小程序开发工具时，提醒我有版本更新，然后我就更新了，再然后··回·答···再然后就打不开了，刚开始显示未知错误，在网上找了很多办法都没有解决，于是卸载重新安装，重装也不行，如果不是因为电脑上有好多应用再重装太麻烦，我就重装系统了（~~~~~~）
重装了几遍之后，问题又成了网络连接失败，终于在一遍重装时发现安装提示，在安装过程中应该将其他程序关闭，于是重启了电脑，保证所有的程序都没有启动，然后重新安装，此次安装就成功了，可以正常运行