我的WebIDE环境使用扫盲（蓝桥）

WebIDE 界面提供的是一个可以在浏览器中编辑代码的 IDE 的界面。在 WebIDE 中，可以编辑代码文件，打开 Terminal 终端执行 Linux 命令，还可以在 Terminal 中运行 Web 服务获得临时域名，打开浏览器进行预览调试。本次实验将会了解和熟悉 WebIDE 的常用功能及特点。

2017 年 12 月，全球市场占有率第一的云计算厂商 AWS 在其开发者大会上正式推出 Cloud9，这是一款用于编写、运行和调试代码的 IDE，同时运行在浏览器中。相对于本地的 IDE，可以称它为 WebIDE。

2019 年，微软在 Build 2019 开发者大会正式宣布了 Visual Studio Online，其是 Visual Studio Code（简称 VS Code）的 WebIDE 版本。

VS Code 是微软 2015 年推出的跨平台 IDE 产品，在 2019 年的 Stack Overflow 组织的开发者调研中，VS Code 被认为是最受开发者欢迎的开发环境，据调查 87317 名受访者中有 50.7% 的受访者声称正在使用 VS Code。

 

WebIDE 不同于桌面环境，对带宽要求较低，所以比较适用于一些需要大量代码编辑的场景，例如 C/C++，Java 开发和 Web 前端开发。在大多数情况下，我们更推荐你使用 WebIDE 环境，而非 Linux 桌面环境。

 

启动 WebIDE 之后，你可以看到它的默认界面，大致分为 3 部分：

• 代码文件浏览区：左边的区域将用于组织项目的文件结构，你可以在此区域创建各种类型的代码文件和文件夹。
• 代码文件编辑区：当你双击打开相应的代码文件之后，将会呈现在编辑区域。你可以在此区域编辑代码，编辑后的代码会实时保存。
• Linux 终端：因为 WebIDE 本身是运行在 Linux 容器环境中，所以下方的区域是一个 Linux 终端。你可以通过终端运行命令，执行编译、运行代码等操作。

接下来，我们将通过多个示例项目，带你入门 WebIDE 的使用。

C/C++ 示例项目

首先，我们从一个简单的 C/C++ 示例项目开始。

我们需要先在代码文件浏览区中通过右键 New File 创建一个名为