微信小程序开发工具是由微信官方提供的一款IDE（集成开发环境）软件，支持小程序开发、调试和发布等工作。小程序开发工具主要有两种运行方式：预览和真机调试。
1. 预览
在微信开发工具的界面上方有一个“预览”按钮，点击该按钮后，会自动编译当前项目，并将编译后的小程序代码打包成一个网页，然后通过微信App内置的浏览器进行打开预览。用户可以在微信开发工具中实时修改代码，然后预览效果。
预览功能是小程序开发的重要特性之一，因为开发者可以在实时预览中进行代码调试，并观察代码修改后的效果，从而快速定位并解决问题。预览功能的实现原理是将小程序的代码转化为一个网页，然后在微信App中通过网页浏览器进行渲染。
2. 真机调试
与预览不同，在真机调试中，我们可以在手机上直接运行小程序。这种方式需要手机和电脑连接在同一个局域网内，在微信开发工具中启动调试服务，并设置调试端口（默认为“端口号9222”）。接着在手机端打开微信，扫描微信开发工具上的二维码，即可在手机上运行小程序。
真机调试的主要作用是可以近似真实地模拟用户的使用情况，在手机上测试小程序，进一步确认小程序的运行和用户体验。真机调试同样也是微信小程序开发工具的重要特性之一。
总的来说，微信小程序开发工具的预览与真机调试功能都是通过将小程序的代码转化为网页来实现，再通过微信内置的浏览器渲染所生成的网页，以实现小程序代码的展示和运行。
