教程：在 WebStorm 中进行部署

添加新服务器

1. 按下 Ctrl+Alt+S 打开设置，然后选择 构建、执行、部署 | 部署。

   或者，从主菜单中转到 工具 | 部署 | 配置。

2. 点击 并选择要创建的服务器类型。 在本例中为 本地或挂载的文件夹。

   

3. 在打开的 创建新服务器 对话框中，输入服务器名称并点击 确定。

新服务器已添加，但目前仅显示了 Web 服务器的 URL http://localhost ，您将通过此地址浏览上传的文件。

指定服务器根目录

1. 在 文件夹 字段中，指定要上传项目文件的目录。

   在本例中是本地文件夹 Users/jetbrains/deployment 。 您可以手动输入路径，也可以按下 Shift+Enter。

2. 禁用 仅对该项目可见 选项，以便后续可以导出此配置。

   

指定部署路径

1. 接下来，切换到 映射选项卡。

   默认情况下， 本地路径 字段包含项目根目录的路径。 不过，您可以选择项目树中的其他任何目录。 我们使用默认路径。

2. 在 部署路径 字段（默认情况下为空）中，指定服务器上的文件夹，WebStorm 将从 本地路径 字段中指定的文件夹上传数据到此。

   本例中为 Application 。 此路径是相对于 Web 服务器根目录（即 Users/jetbrains/deployment ）指定的。

3. 保留 Web 路径 的默认 / 值。

应用更改后，服务器即可使用。

将文件上传到服务器

首先，将其中一个文件上传到远程服务器。

1. 在 项目 工具窗口（Alt+1 ）中，右键点击要上传的文件。 在本例中为 README.md 文件。

2. 在上下文菜单中选择 部署 | 上传到 MyRemoteServer ，确认上传并查看上传结果。

   

比较远程与本地版本

文件 README.md 同时存在于本地和远程，且内容一致。 请修改本地版本。

• 在 远程主机工具窗口 工具窗口中，右键点击 README.md 并选择 与本地版本进行比较。 WebStorm 将打开差异查看器。

  

从服务器下载文件

1. 在 远程主机工具窗口 工具窗口中，右键点击 README.md 文件并选择 从此处下载。 WebStorm 会显示警告。

   

2. 点击 是。

   如果该目录之前已上传到服务器，您也可以下载整个目录。

1. 按 Ctrl+Z 撤销对 README.md 文件所做的更改。

2. 点击 README.md 文件，然后在主菜单中选择 工具 | 部署 | 与 MyRemoteServer 上的部署版本同步。

   WebStorm 会显示 Diff 查看器，您可以接受或拒绝各个更改。

   

定义默认服务器

1. 按 Ctrl+Alt+S 打开设置，然后选择 构建、执行、部署 | 部署。

   或者，在主菜单中进入 工具 | 部署 | 配置。

2. 在服务器列表中选择要设为默认的服务器，然后点击列表上方工具栏中的 。

启用自动上传

设置默认服务器后，您就可以启用自动上传到该服务器。

1. 按 Ctrl+Alt+S 打开设置，然后选择 部署 | 选项。

   或者，在主菜单中进入 工具 | 部署 | 选项。

2. 在 自动将更改的文件上传到默认服务器 下拉列表中，选择以下选项之一：

   • 始终 ：每次自动或显式保存后上传文件。

   • 显式保存操作时 ：仅在通过选择 文件(F) | 全部保存(S) 或按下 Ctrl+S 手动保存时上传文件。

将设置导出为 ZIP 存档

1. 从主菜单中选择 文件(F) | 管理IDE 设置 | 导出设置。

2. 在打开的 导出设置 对话框中，确保选中 WebServers 复选框，并指定目标归档文件的路径。

   

从 ZIP 存档导入设置

1. 从主菜单中选择 文件(F) | 管理IDE 设置 | 导入设置…。

2. 在打开的对话框中选择包含设置的 ZIP 归档文件。

3. 在打开的 选择要导入的组件 对话框中选择要应用的设置，然后点击 确定。