步骤 2：IDE 基本导览 - AWS Cloud9
让您的环境就绪编写代码运行代码调试代码下一个步骤

本文属于机器翻译版本。若本译文内容与英语原文存在差异，则一律以英文原文为准。

步骤 2：IDE 基本导览

（上一步：步骤 1：创建环境）

本部分教程介绍了几种方式，让您可以使用 AWS Cloud9 IDE 来创建和测试应用程序。

  • 您可以使用 editor (编辑器) 窗口来创建和编辑代码。

  • 您可以使用 terminal (终端) 窗口或 Run Configuration (运行配置) 窗口来运行您的代码，无需调试。

  • 您可以使用 Debugger (调试程序) 窗口调试代码。

使用 JavaScript 和 Node.js 引擎执行这三项任务。有关使用其他编程语言的说明，请参阅AWS Cloud9 的教程。

让您的环境就绪

运行和调试 JavaScript 代码所需的大多数工具都已为您安装。但是，在学习本教程的过程中，您还需要获取 Node.js 软件包。请按照如下步骤完成安装。

  1. 在菜单栏上 AWS Cloud9 IDE 的顶部，依次选择 Window（窗口）、New Terminal（新终端），也可使用现有的终端窗口。

  2. 在终端窗口（IDE 底部的一个选项卡），输入以下内容。

    npm install readline-sync

    验证结果是否类似于以下所示。如果还显示 npm WARN 消息，您可以忽略它们。

    + readline-sync@1.4.10
added 1 package from 1 contributor and audited 5 packages in 0.565s
found 0 vulnerabilities

编写代码

首先，编写一些代码。

  1. 在菜单栏上，选择 File（文件）、New File（新建文件）。

  2. 将以下内容 JavaScript 添加到新文件中。

    var readline = require('readline-sync');
var i = 10;
var input;

console.log("Hello Cloud9!");
console.log("i is " + i);

do {
    input = readline.question("Enter a number (or 'q' to quit): ");
    if (input === 'q') {
        console.log('OK, exiting.')
    }
    else{
        i += Number(input);
        console.log("i is now " + i);
    }
} while (input != 'q');

console.log("Goodbye!");

  3. 选择 File (文件) 和 Save (保存)，然后将文件另存为 hello-cloud9.js。

运行代码

接下来，您可以运行代码了。

根据您正在使用的编程语言，可能有多种方式可以运行代码。本教程使用 JavaScript，您可以使用终端窗口或 “运行配置” 窗口来运行它。

使用“运行配置”窗口运行代码

  1. 在菜单栏上依次选择运行、运行配置和新建运行配置。

  2. 在新的 Run Configuration（运行配置）窗口（IDE 底部的一个选项卡）中，在 Command（命令）字段中输入 hello-cloud9.js，然后选择 Run（运行）。

  3. 请确保 Run Configuration（运行配置）提示符处于活动状态，然后在提示符处输入一个数字来与应用程序交互。

  4. 在 Run Configuration (运行配置) 窗口查看代码的输出内容。其内容类似于以下所示。

在 Run Configuration (运行配置) 中运行代码。
使用终端窗口以运行代码

  1. 转到您早前使用的终端窗口（或打开一个新的窗口）。

  2. 在终端窗口中，在终端提示符处输入 ls，并核实您的代码文件在文件列表中。

  3. 在提示符处输入 node hello-cloud9.js，启动应用程序。

  4. 在提示符处输入一个数字，与应用程序交互。

  5. 在您的终端窗口查看代码的输出内容。其内容类似于以下所示。

在 Run Configuration (运行配置) 中运行代码。

调试代码

最后，您可以通过使用 Debugger (调试程序) 窗口调试您的代码。

  1. 通过选择第 10 行旁边的空白，将断点添加到代码第 10 行（if (input === 'q')）处。该行号旁边显示一个红色圆圈，如下所示。

    将断点添加到代码中。

  2. 通过选择 IDE 右侧的 Debugger（调试程序）按钮，打开 Debugger（调试程序）窗口。也可以在菜单栏上依次选择 Window 和 Debugger (调试程序)。

    然后，通过在 Debugger（调试程序）窗口的 Watch Expressions（监视表达式）部分中选择 Type an expression here（在此处键入表达式），对 input 变量进行监视。

    调试程序窗口，设置监视

  3. 转到您之前使用的 Run Configuration (运行配置) 窗口以运行代码。选择运行。

    或者，您可以打开一个新的 Run Configuration（运行配置）窗口并开始运行代码。要执行此操作，请从菜单栏中依次选择 Run（运行）、Run With（运行方式）、Node.js。

  4. 在 Run Configuration (运行配置) 提示符下输入一个数字，看到代码在第 10 行暂停。Debugger（调试程序）窗口显示您在 Watch Expressions（监视表达式）中输入的值。

    程序在断点处停止

  5. 在 Debugger（调试程序）窗口中，选择 Resume（恢复）。这是上一张屏幕截图中突出显示的蓝色箭头图标。

  6. 在 Run Configuration（运行配置）窗口中选择 Stop（停止）以停止调试程序。

    停止调试程序。

下一个步骤

第 3 步：清除