开发者工具界面介绍？

启动界面 在小程序开发者工具（简称 IDE）的启动界面，开发者可以新建项目、打开现有 项目、删除最近项目记录。 新建项目 新建项目类型分为两类：示例模板 与 空白脚手架。 示例模板项目 开放平台提供入门、UI、开放能力三类模板，内含大量示例代码（仍在持续更新 中），为开发者演示如何实现小程序各项能力（参见 快速示例）。新建步骤如 下： 1. 点击 模板选取 标签。 2. 点击需要创建的模板，然后点击 下一步；或者直接双击所需模板卡片。 3. 在 新建项目 页面： a. 设置 项目名称 与 项目路径； b. 点击 完成，进入主界面。

空白脚手架项目 空白脚手架仅包含最基础的文件结构。新建步骤如下： 1. 在左侧边栏选择 项目类型（例如支付宝小程序、淘宝商家应用等类型）。 2. 在 最近使用 列表中，点击 ➕ 卡片。 3. 在 新建项目 页面： a. 设置 项目名称 与 项目路径； b. 选配 后端服务：不启用云服务、小程序 Serverless 或 小程序云应用； c. 点击 完成，进入主界面。 打开项目 本地现有项目也有两种打开方式：选择最近项目 与 选择项目文件夹。 选择最近项目 在启动界面 最近使用 列表中，点击需要打开的项目，然后点击 打开；或者直接双 击所需项目卡片。 选择项目文件夹 1. 点击右上角的 打开项目，弹出文件窗口。 2. 导航至项目文件夹，点击 选择文件夹。 3. 在 打开本地项目 页面： a. 确认或修改 项目名称 与 项目类型； b. 点击 打开，进入主界面。 删除最近项目记录 如需维持启动界面整洁，首先右键点击希望清理的项目卡片，然后点击 删除。 注意：此项操作仅会清理启动界面记录，不会实际删除硬盘中的项目文件。 主界面 小程序开发者工具的主界面由 菜单栏、工具栏、功能面板、编辑器、调试器、模 拟器 组成。

主界面各区域简要说明： 1. 菜单栏：文件、编辑、窗口、工具、帮助等基础功能。 2. 工具栏：更改小程序类型与关联、显示/隐藏界面区域、真机调试与预览等功能。 3. 功能面板：切换文件树、搜索、git 管理、npm 管理、插件市场、实验室、云服务等 边栏。 4. 编辑器：输入与修改代码的区域。 5. 调试器：用于模拟器调试、真机调试、性能调试。 6. 模拟器：模拟运行小程序，便于快速预览、初步调试。 说明：使用工具栏中部三个按钮，可以显示或隐藏界面主要区域，其中 编辑器 与 调试器 无法同时隐藏。 工具栏 小程序开发者工具（简称 IDE）的工具栏位于主界面顶部，包含 IDE 中最常用的 主要功能。本文档从左至右介绍各项功能。 小程序

选择小程序的运行环境类型（默认为支付宝小程序），此外还支持淘宝、钉钉、高 德等运行环境（参见 多端支持）。

内容来源:https://developer.aliyun.com/article/756818?spm=a2c6h.12873581.0.dArticle756818.26162b70Su1GZy&groupCode=tech_library