微信开发者工具使用教程
一、下载开发者工具
二、创建项目
直接点击“添加项目”，就可以在电脑上新建小程序项目了。
这时会进入一个要求填写小程序AppID（如果没有则选择“无AppID”，如果有则开发时可在真机预览效果）、项目名称、开发目录的页面，无AppID的小伙伴也是可以正常开发的，不必担心~
在创建过程中，如果选择的本地文件夹是个空文件夹，开发者工具会提示，是否需要创建一个 quick start 项目。选择“是”，这样会帮助我们在开发目录里生成一个简单的 demo。
三、开发项目
开发者工具主要分为编辑、调试、项目三个部分：
“编辑”：查看和编辑代码；
“项目”：发送到手机里预览实际效果。
四、真机预览（已填写AppID的开发者）
注意：
1.开发者工具上的二维码仅限于登录开发工具的开发者本人可以扫码并预览；
3.二维码只在5分钟之内有效。
在真机预览中还有一个很棒的体验，你可以在手机中看到右下角有一个“vConsole”的按钮，点击之后你会发现一个很熟悉的页面，没错~就是有点类似我们用chrome-devtools开发web一样：
PS:最后,献上我做的的一个小程序demo的真机测试gif图片，这个小程序有点类似大众点评、美团APP，集美食、视频、二手车、资讯于一身，流畅度也不错，如下图所示：
上一篇：
uniapp开发微信小程序-2.页面制作