TCMPP IDE 是一款跨平台的桌面应用程序，旨在帮助开发人员完成小程序的开发、预览和调试。在完成调试和预览后，开发人员需要在真机上进行回归测试，因为部分设备 API（如蓝牙、NFC、WIFI 等）必须在真机上测试。
支持平台及获取
使用
登录
需要用腾讯云控制台账号绑定的微信进行扫码，微信扫码时会出现账号信息，请选择时仔细确认后再确认登录。
?
界面概述
成功登录后，您可以进入项目列表管理页面，该页面提供以下功能：
1. 新建项目：您可以在此处创建新的项目。
2. 开发文档：您可以前往对应的开发文档页面，以查看更多小程序信息。
3. 设置：您可以在此处进行设置，与登录时相同。
4. 管理项目：您可以在此处对已有项目进行删除和管理。
5. 切换账号：您可以在此处切换账号，并进入开发调试页面。
?
新建项目页面
1. 在本地文件系统选择新建项目的位置。
2. 填写 AppID（可在小程序主页 中获取），或选择测试号进行使用，之后可以在开发面板修改 AppID。
3. 输入项目名称。
4. 确认返回到项目列表页面。
?
开发菜单
选中或新建项目后，单击进入开发面板页面。
?
开发面板顶部区域介绍：
1. 模拟器开关。
2. 编辑器开关。
3. 调试区开关。
4. 终端入口。
5. 编译方式：
默认普通编译是从小程序的入口开始加载 app.json 的 pages 数组第一项。
如果想在IDE中默认打开指定页面，可以选择添加编译模式进行配置。这样可以加载指定页面，同时可以模拟参数传递。配置保存后会存储在小程序项目路径
project.config.json 中。模式名称: 自定义编译的名字。
启动页面: 编译加载的默认入口页面 (路径取值范围: app.json 中 pages 数组其中一项)。
参数: 加载页面的参数 eg:name=tmf&age=20，然后逻辑层代码中onLoad方法可以获取参数。
下次编译时模拟更新: 结合 wx.getUpdateManager 使用，默认生效一次后取消。
?
6. 单击编译，刷新页面。
7. 单击页面右上角预览，会把小程序上传到后台，等待上传完成以后，IDE 会弹出二维码，可以用小程序预览小程序或集成了小程序 SDK 的 Android/iOS App 扫码进行预览。
8. 单击清缓存后，可选择清除数据缓存、文件缓存、授权缓存、网络缓存、登录缓存或全部缓存。
?
9. 上传小程序：在开发菜单右上角单击上传，在弹窗中，填写小程序 AppID 以及版本备注后，单击上传，上传成功后，开发者即可在开发平台对上传版本进行后续操作，如体验、上线等。
?
10. 详情面板：开发者可以在详情面板进行以下操作
切换、编辑或者复制 AppID。
打开本地目录，查看本地代码大小。
在项目设置里面查看当前小程序使用的基础库，以及是否对代码进行转义、自动补全、代码压缩混淆、上传携带 sourceMap、使用 npm 模块、以及是否校验请求的域名白名单。
在域名信息里，开发者可以查看当前业务设置的业务域名以及请求域名，同时可以刷新设置。
说明：
下文对详情面板内的字段进行了说明解读。
调试基础库：开发者可根据需求切换对应小程序基础库，不同的基础库版本对应了不同的能力。新建项目默认使用最新版，建议使用最新版。
ES6 转 ES5：开启此选项后，开发者工具将使用 babel 将 JS 代码编译成符合 ES5 标准的代码，以便在低版本手机系统上运行。
上传代码样式补全：开启此选项，开发工具会自动检测并补全缺失样式，保证在低版本系统上的正常显示。尽管可以规避大部分的问题 ，还是建议开发者需要在 iOS 和 Android 上分别检查小程序的真实表现。
上传代码时自动压缩混淆：开启此选项，开发者工具在上传代码时候将会帮助开发者压缩和混淆 javascript 代码，减小代码包体积。
预览/上传时携带 sourcemap：是否上传小程序编译后的 sourceMap 文件，方便正式包报错代码分析。
上传时进行代码保护：开启此选项，开发者工具会尝试对项目代码进行保护，主要是对文件进行扁平化处理并替换 require 引用的文件名，对于小程序只有简单页面的情况下，开启此功能效果不佳，主要有以下几种情况：
有文件超过 500kb，且其中有使用 require 引用项目中的文件；
在运行时可能会报文件没有找到，动态引用的情况，如 var a = 'somefile.js'; require(a)；
将 require 函数赋值给其他变量的情况，如 var a = require; a('somefile.js')；
将 require 作为二元运算符的参数的情况，如 require + 1; 使用 ... 运算符且未开启 ES6 转 ES5 ；
建议使用如下操作：
使用 npm 模块: --build-npm [project_root]: 按照
project.config.json 中的配置构建，行为和菜单栏的构建 NPM 一致。不校验合法域名、web-view(业务域名): 在 IDE 中忽略合法域名和 web-view 域名的校验。
?
小程序预览
预览区域是小程序编译加载后展示的区域，开发者可以在此模拟操作小程序，测试其功能和能力。
在预览区域中，您可以进行以下操作：
切换不同机型，预览小程序在不同设备上的效果。
缩放屏幕比例，以便更好地查看小程序的展示效果。
设置当前运行的网络环境，以模拟不同网络环境下小程序的表现。
开启或关闭声音。
?
文件目录树
文件树是一款方便开发者进行文件管理的工具，可以对打开的文件夹进行新增、删除、打开目录以及折叠、展开文件树等操作。
?
编辑器
在 IDE 编辑器主页面，您可以看到具有丰富功能的编辑器窗口，其中包含了代码编写，调试及版本控制等功能，方便您的项目开发及管理。
其中编辑器窗口除了代码编写外，还支持代码格式化、语法高亮、智能提示、快捷键设置。
?
调试区
调试区功能类似于 Chrome 的 devtools 工具，开发者可以在此进行日志查看、断点调试、网络请求审查以及本地存储信息查看等操作。
?
小程序搬家工具 Compatibility
您可以在 Compatibility 处，发起微信小程序兼容性检测，单击开始检测。
?
搬家工具会遍历当前小程序中的组件、API、json 文件等，检测完成后，在下方窗口会展示检测结果，可将检测结果 excel 文件导出。
?
小程序真机调试能力
真机调试入口：
?
单击真机调试，此时，工具会将本地代码进行处理打包并上传，就绪之后，使用手机客户端扫描二维码即可弹出调试窗口，开始真机调试。
注意：
使用真机调试 Android、iOS SDK版本需要大于 1.5.12。
?
使用接入 SDK 的 App 扫描此二维码，即可开始远程调试。
要结束调试，直接关闭此调试窗口，或单击右下角 “结束调试” 按钮即可。
?
远程调试窗口分为两部分，分别是左侧的调试器视图、右侧的信息视图。开发者可以在调试器里直接进行代码的调试，并查看 Storage 情况；信息视图则可以查看目前与手机和服务器的连接情况，以及发生的错误信息等。
在远程调试的调试器里，开发者可以在 Console 面板里对代码进行调试，在 Sources 面板里查看小程序的源代码并进行断点单步调试，在 Storage 面板里查看小程序的 Storage 使用情况等。
?
对于 JS 的断点调试，在代码里使用 debugger。
?
?
wxml 面板：
?
右侧的信息视图展示了手机、网络连接的信息。手机信息展示手机的型号、系统、名称、宿主 App 版本等信息，以及通信延时。通信延时越小，与手机的通信越流畅，打开节点审查模式，可以在真机按钮上点击元素查看元素详情。
?
手机端展示：
?
