---
title: 功能介绍
summary: 介绍 IDE 工作区的核心功能，包括模拟器、真机调试、真机预览、插件、项目设置和调试区。
questions:
  - IDE 模拟器支持哪些功能？
  - 如何在模拟器中切换暗黑模式和多语言？
  - 模拟器中的授权登录在什么情况下需要使用？
  - 真机调试的远程模式和局域网模式有什么区别？
  - 真机调试 2.0 有什么优势？需要什么版本的 App？
  - 真机预览和真机调试有什么区别？
  - 如何在 VS Code 中打开当前项目？
  - 项目设置中可以配置哪些内容？
  - 调试区有哪些功能？
  - 局域网模式需要什么版本的 iOS 和 Android？
---

## 模拟器

左边部分为模拟器，会尽可能地模拟移动端上的真实情况。但上线前，请在真机确认最终效果。

- 刷新：刷新模拟器
- 暗黑模式：可以在设置中切换暗黑模式。
- 多语言：切换多语言。[具体参考文档](/cn/miniapp/develop/miniapp/guide/i18n/config)。
- 机型：可以选择不同的机型进行预览。
- 缩放：可以选择不同的缩放比例进行预览。
- 授权登录：当需要模拟一些 app 能力的时间，则需要授权登录
  - 模拟 app 请求的时候
  - 面板小程序则必须登录
  - 确保和 app 账号所属同一个[城市](/cn/miniapp/devtools/tools#切换国家)
  - app 账号是该小程序的成员

<Image
  src="/images/ide/new/6.png"
  style={{
    borderRadius: '10px',
    boxShadow: '0 0 5px rgba(0,0,0,0.3)',
  }}
/>



## 功能

工作区的顶部，会有各种功能

### 真机调试
- [远程模式](/cn/miniapp/devtools/tools/debug)：只需要联网，就可以在手机上运行小程序，方便调试。
- 局域网模式：与远程模式基本一致，优点是链接速度快且不受网络波动影响，缺点就是需要再同个局域网下
  -  iOS 需要 5.12.0 及以上版本
  -  Android 需要 5.15.0 及以上版本

### 真机调试 2.0
- 优势：与老版本真机调试相比，新版本真机调试更快速，且运行更贴近真机
  -  iOS 需要 6.3.0 及以上版本
  -  Android 需要 6.3.0 及以上版本

### 真机预览
通过扫码，可以在手机上预览小程序，其实就是发布小程序的开发版本
- 需要添加 app 的账号到体验白名单
- 与真机调试的区别
  - 编译模式不同，真机调试是 watch，真机预览是 build，真机预览和发布更相似
  - 小程序的运行效率不同，真机预览更接近发布情况
  - 真机预览没有调试能力

### 插件

插件是 IDE 能力的扩展，可以通过打开插件，来实现更多的功能。例如：[面板工具](/cn/miniapp/devtools/tools/extension/panel)

### 在 VS Code 中打开

可以在 VS Code 中打开当前的项目，方便开发者进行代码编辑。需要配置 VS Code 的 [`code` 命令](https://code.visualstudio.com/docs/setup/mac#_launching-from-the-command-line)。

### 项目设置

- 基本信息：当前项目的基本信息，也可以改变绑定的小程序
  - 小程序 ID：可以跳转到对应的小程序后台
  - 代码包体积：需要在发布小程序后才能看到准确的信息
- 环境配置：主要是配置小程序的基础库和依赖的 kit 版本，具体请查看[基础库与 kit](/cn/miniapp/devtools/tools/config/base_and_kit)
- 项目配置：一些会影响编译的配置

## 调试区

调试区功能主要是：
* 调试：其实就是 chrome 的 devtools 的能力
  * console：查看小程序运行时的 console 输出
  * element：查看小程序的 dom 结构
  * 等等
* 日志：可以查看编译过程的日志，部分时候可以截图输出的错误反馈错误
  * 初始化项目时的编译
  * 打包上传发布的编译
  * 真机预览的编译

<Image
  src="/images/ide/new/9.png"
  style={{
    borderRadius: '10px',
    boxShadow: '0 0 5px rgba(0,0,0,0.3)',
  }}
/>