小程序代码怎么在开发者工具中打开？
开发者工具有三个模块。小程序模拟器，小程序编辑器，小程序调试器。每个模块都有不同的功能。调试器的功能类似于浏览器中页面的review元素。我们可以在元素模式框中修改属性，可以看到页面相关属性的变化，找到相关的页面样式文件。小程序开发工具的调试器也是这样的。
开发者工具-
调试器
调试器分为六个功能模块:Wxml、控制台、源代码、网络、Appdata和存储。
Wxml
Wxml用于帮助开发者开发Wxml转换后的界面。在这里，您可以看到真正的页面结构及其相应的wxss属性。同时，通过修改相应的wxss属性，可以在模拟器中实时看到修改情况。通过调试模块左上角的选择器，还可以快速找到页面中组件对应的wxml代码。
来源
Sourc
开发者工具怎么用？
应该先下载官方的开发者工具。打开公众平台()，找到右下角的applet模块，点击"发展与创新按钮；
单击"工具"按钮在顶部导航栏和查找"下载"在新页面的左栏。可以看到，开发工具提供了三个版本:Windows32位、Windows64位和Mac。可以根据实际情况选择适合自己电脑的开发工具。
安装完成后，可以直接启动开发者工具。如果是第一次启动开发者工具，需要使用developers号扫码登录。登录后，单击"添加项目按钮，并填写AppID(如果没有，单击NoAppID)和项目名称。然后，点击"选择"在项目目录中创建新文档。文件夹作为新的项目目录。然后点击"添加项目同样，你可以创建一个新的小程序项目。
开发者工具分为编辑、调试、项目三个部分。
调试:显示小程序代码错误和警告，以便于调试代码错误。
项目:用于查看小程序属性，修改小程序配置，提交小程序代码到服务器。
开发工具还提供了一个简单的模拟器(在页面的左侧)。开发者可以使用模拟器来模拟用户点击和使用，并提供诸如背景情况模拟、多媒体播放器调试和数据缓存等功能。