Node.js 与 Docker

1. 请确保已在 设置 | 插件 页面的 已安装 选项卡中启用所需插件： JavaScript Debugger、 Node.js、 Node.js Remote Interpreter 和 Docker。 如需了解更多信息，请参阅 Managing plugins。

2. 请按照 Docker 中所述下载、安装并配置 Docker

创建远程 Node.js 解释器

1. 打开 设置 对话框（Ctrl+Alt+S ），然后转到 语言和框架 | Node.js。

2. 点击 按钮，位于 Node 解释器(I) 字段旁边。

   

3. 在包含所有当前已配置解释器列表的 Node.js Interpreters 对话框中，点击工具栏上的 ，然后从上下文菜单中选择 添加远程。

   

4. 在打开的 Configure Node.js Remote Interpreter 对话框中，选择 Docker。

5. 从 服务器 列表中选择要使用的 Docker 配置。

   

   或者，点击字段旁边的 新建 并按照 启用 Docker 支持中的说明配置 Docker 服务器。

6. 从 镜像名称 列表中选择要使用的镜像。

   

   Node.js 可执行文件会自动检测并显示在 Node.js 解释器路径 字段中。

7. 点击 确定 返回到 Node.js 解释器 对话框，在此处新解释器已添加到列表中。

   

8. 要将新配置的解释器设置为项目默认值，请在列表中选中它，然后点击 确定 返回到 Node.js 对话框。

   

   WebStorm 在每次从 Node 解释器 列表中选择 Project 别名时都会自动使用该解释器，例如在创建运行/调试配置时。

   要使用与新解释器关联的软件包管理器来管理项目依赖项，请在项目中将该软件包管理器设置为默认值。 为此，请在 软件包管理器(M) 字段中指定包管理器的位置。 了解详情，请参阅 指定默认项目 Node.js 解释器和包管理器。

1. 前往 运行 | 编辑配置。 在打开的 编辑配置 对话框中，点击工具栏上的 ，然后从上下文菜单中选择 Node.js。 将打开 运行/调试配置：Node.js 对话框。

2. 在 文件 字段中，指定启动应用的主文件路径（例如，用于 Express 应用的 bin/www ）。

   

3. 如有需要，请按照 运行与调试 Node.js 应用中的说明指定一些可选设置。

4. 从 Node 解释器(I) 列表中，选择在 Docker 环境中的相关远程 Node.js 解释器。

   

   或者，点击 ，在 Node 解释器(I) 字段旁边，并按照 上述说明配置远程 Node.js 解释器。

   

5. 检查自动生成的 Docker 容器设置。 点击 以弹出窗口形式打开设置。

   

6. 可选 ：配置端口绑定， 详见下文。

配置端口绑定（可选）

基本上，您需要将应用运行的端口与容器的端口绑定。

点击 ，在 编辑 Docker 容器设置 字段旁边，并在打开的 编辑 Docker 容器设置 对话框中指定设置。

1. 展开 端口绑定 区域，并点击工具栏上的 。 在打开的 端口绑定 对话框中，按如下方式映射端口：

2. 点击 修改选项 并选择要指定的选项：

   

3. • 在 容器端口 字段中，输入应用中指定的端口。

   • 在 主机端口 字段中，输入希望从计算机访问应用所使用的任意端口。

   • 在 主机IP 字段中，输入 Docker 主机的 IP 地址。 如果使用的是 localhost ，请输入 127.0.0.1。

     

   • 点击 确定 返回到 编辑Docker 容器设置 对话框，在此处新端口绑定已添加到列表中。

   

4. 点击 确定 以返回 运行/调试配置：Node.js 对话框，其中端口绑定显示在 Docker 容器设置 字段。

   

1. 创建一个 Node.js 运行/调试配置， 如上所述。

2. 在工具栏的 选择运行／调试配置 列表中，选择 新创建的 Node.js 配置。

3. 点击 到 选择运行／调试配置 列表。

1. 根据需要在 Node.js 代码中设置 断点。

2. 创建一个 Node.js 配置， 如上所述 ，在工具栏的 选择运行／调试配置 列表中选择该配置，并点击其旁边的 。

3. 方式同本地 启动调试器与 Node.js 应用程序。

1. 请确保 Docker 中配置了相应的远程 Node.js 解释器，并将其设为项目的默认解释器。 还需确保与该远程解释器关联的软件包管理器已设置为项目默认值。 有关详情，请参阅 在 Docker 中配置 Node.js 解释器 与 npm、pnpm 与 yarn 配合 Docker 使用。

2. 打开您的 package.json ，确保所需测试框架已列在 devDependencies 部分中：

   { "name": "node-express", "version": "0.0.0", "private": true, "dependencies": { "cookie-parser": "~1.4.4", "debug": "~2.6.9", "express": "~4.16.1", "http-errors": "~1.6.3", "morgan": "~1.9.1", "pug": "^3.0.2" }, "devDependencies": { "chai": "^4.3.4", "concurrently": "^6.3.0", "eslint": "^8.1.0", "http-server": "^14.0.0", "jest": "^27.3.1", "mocha": "^9.1.3", "nyc": "^15.1.0" } }

3. 在编辑器的任意位置右键点击，然后从上下文菜单中选择 运行 '<package manager> install'。

4. 根据 Mocha 官方网站 或 Jest 官方网站 的说明创建测试。

5. 可直接在编辑器中运行并调试单个测试，或创建运行/调试配置以按 运行 Mocha 测试、 调试 Mocha 测试、 运行 Jest 测试 与 调试 Jest 测试 中所述启动部分或全部测试。

1. 请确保 Docker 中配置了相应的远程 Node.js 解释器，并将其设为项目的默认解释器。 还需确保与该远程解释器关联的软件包管理器已设置为项目默认值。 有关详情，请参阅 在 Docker 中配置 Node.js 解释器 与 npm、pnpm 与 yarn 配合 Docker 使用。

2. 打开您的 package.json ，确保 ESLint 已在 devDependencies 部分中列出：

   { "name": "node-express", "version": "0.0.0", "private": true, "dependencies": { "cookie-parser": "~1.4.4", "debug": "~2.6.9", "express": "~4.16.1", "http-errors": "~1.6.3", "morgan": "~1.9.1", "pug": "^3.0.2" }, "devDependencies": { "eslint": "^8.1.0" } }

3. 在编辑器的任意位置右键点击，然后从上下文菜单中选择 运行 '<package manager> install'。

4. 之后，ESLint 的工作方式将与在本地处理代码时相同。 您可以在编辑器或 问题 工具窗口中查看检测到的问题描述，并应用建议的快速修复。 有关详情，请参阅 JavaScript 代码质量工具 与 ESLint。