一个 JBoss 项目
红帽
主页 / 文档 / 使用说明

使用说明

创建和导入 Node.js 应用程序

Node.js 是一个基于事件、异步 I/O 框架，用于开发在客户端和服务器端运行 JavaScript 的应用程序。这使得应用程序可以重复使用代码部分，并避免切换上下文。Node.js 通常用来创建应用程序，如静态文件服务器、消息传递中间件、HTML5 游戏服务器、Web 应用程序框架等。

JBoss Tools 借助 npm 包安装程序支持 node.js 应用程序开发，并提供内置调试工具来识别并修复应用程序问题。在后续部分中，可获得以下任务的说明

  1. 设置 Node.js 开发先决条件

  2. 创建新的 JavaScript 应用程序

  3. 导入现有的 JavaScript 项目

  4. 调试 Node.js 应用程序

设置 Node.js 开发先决条件

请务必满足以下先决条件，才能开始在 JBoss Tools 中开发 node.js 应用程序

  1. 安装 npm。在红帽企业 Linux 和 Fedora 上，使用 sudo dnf install npm 命令。请参阅 npm 文档 (https://docs.npmjs.net.cn/getting-started/installing-node) 以获取关于其他操作系统的安装信息。

  2. 安装 JBoss Tools。

结果：您现在可以开始使用 JBoss Tools 开发 Node.js 应用程序。

创建新的 JavaScript 应用程序

以下是在 JBoss Tools 中创建一个新的 JavaScript 项目和应用程序

  1. 创建新的 JavaScript 项目

    1. 单击 文件  新建  其他，然后在搜索文本框中输入 JavaScript。

    2. 选择 JavaScript 项目，然后单击 下一步。

    3. 在 项目名称 域中，为您的新项目添加一个名称。

    4. 请确保其他已设置为默认设置的域按要求进行设置，然后单击 完成 以创建新的项目。

    5. 如果询问是否查看 JavaScript 透视，请单击 是。您的新项目将会列在 项目资源管理器 视图中。

  2. 交互式创建 package.json 文件

    1. 单击文件  新建  其他，然后在搜索框中输入npm。

    2. 在搜索结果中，单击npm Init。

    3. 将基本目录设置为 JBoss Tools 工作空间中的 JavaScript 项目文件夹。

    4. （可选）清除使用默认配置复选框，为这些字段提供非默认值。

    5. 单击完成以继续使用package.json文件的默认值或在更改默认值后继续。

      Generate a New package.json File
      图 1. 生成新的 package.json 文件

    6. 将生成新的package.json文件并显示出来供编辑。如果需要，请在显示的窗格中手动编辑文件并保存更改。

      Manually Edit the Generated package.json File
      图 2. 手动编辑生成的 package.json 文件

  3. 手动编辑package.json文件以添加依赖项。依赖项是提供扩展功能的模块，例如库和框架。查看以下屏幕截图，了解依赖项和开发者依赖项所需的格式示例。

    Adding Dependencies to the package.json File
    图 3. 向 package.json 文件添加依赖项

    有关依赖项的更多详细信息，请参阅 NPM 文档：https://docs.npmjs.net.cn/files/package.json#dependencies

  4. 使用所需的业务逻辑创建新的 JavaScript 文件

    1. 在项目浏览器视图中，右键单击项目名称，然后选择新建  文件。

    2. 在对话框中，添加新文件的名称，例如index.js，然后单击完成以创建新文件。

    3. 新文件将显示在新选项卡中供编辑。向 JavaScript 文件添加所需的业务逻辑并保存更改。

  5. 通过右键单击项目中的index.js文件并选择以身份运行  Node.js 应用程序来运行项目文件。控制台视图将出现并在应用程序运行时显示相关的详细信息，或者在无法运行应用程序时显示错误信息。

结果：您已创建一个新的 JavaScript 项目和应用程序。

导入现有 JavaScript 项目

您可以将现有 JavaScript 项目直接导入 JBoss Tools，然后进行更改并运行项目，如下所示

  1. 将现有项目导入 JBoss Tools

    1. 单击文件  导入。

    2. 在导入对话框中，展开常规选项。

    3. 单击现有项目至工作空间，然后单击下一步。

    4. 在导入项目对话框中

      1. 根据项目格式选择选择根目录或选择归档文件选项。

      2. 单击浏览以添加项目根目录或归档文件的路径。

      3. 在项目框中，选择一个或多个要导入工作区的项目。

      4. 如果需要，单击搜索嵌套项目选项以在根目录或归档文件中找到嵌套项目。

      5. 单击将项目复制到工作区选项，以将导入项目的副本保存在为 JBoss Tools 指定的工作区目录中。

      6. 如果需要，选中将项目添加到工作集复选框并添加新建或现有工作集的详细信息。

      7. 单击完成将项目添加到工作区。现在项目资源管理器视图包含导入的项目。

  2. 如果需要，在项目资源管理器视图中展开项目并双击项目文件以编辑它们，或右键单击并选择 新建  文件 为项目添加新的 JavaScript 文件。

  3. 通过在项目中右键单击index.js文件并单击 以...方式运行  Node.js 应用 运行项目文件。控制台视图出现并显示关于应用程序运行时或应用程序无法运行时的错误的详细信息。

结果：您已将现有 JavaScript 项目导入 JBoss Tools。

调试 Node.js 应用程序

在创建新 Node.js 项目或导入现有项目并运行项目后，可能会出现一些错误。JBoss Tools 包含一个调试器以帮助识别和解决这些问题。要使用调试功能

  1. 启动项目的调试器

    1. 在项目资源管理器视图中，展开项目。

    2. 右键单击项目的index.js文件，然后单击 以...方式调试  Node.js 项目。

    3. 选中对话框中的记住我的决定复选框以将您的选择应用于后续透视图切换，然后单击是或否以继续。

  2. 以两种方式之一查看项目 JavaScript 文件的元素以找到错误

    1. 展开变量选项卡中列出的任何变量以查看其他对象并编辑每项的详细信息。

    2. 将鼠标悬停在index.js选项卡中的任何变量上以查看和编辑其属性详细信息。

  3. 对文件进行更改以解决错误

    1. 在相应的视图中编辑index.js文件。

    2. 保存更改。控制台视图将运行更新的文件并显示更改。

  4. 调试错误后，使用恢复、挂起和终止按钮（nodejs 恢复暂停）按照如下方式测试您的更改

    1. 恢复按钮（绿色三角形）继续运行项目文件。

    2. 挂起按钮（两个黄色矩形）暂时停止运行项目文件，以使用户能够进行更改。

    3. 终止按钮（红色方形）结束项目文件的运行。

  5. 根据需要重复步骤 4 至 6 以找到并修复调试器找到的错误。

  6. 调试完成后，单击 窗口  显示视图  其他，然后从选项中选择 项目资源管理器。这将再次显示项目列表。

结果：您已调试您的应用程序并返回到 项目资源管理器 视图。

返回顶部