WebStorm 2021.1 Help

创建远程服务器配置

远程服务器配置中,服务器运行在另一台计算机(远程主机)上。要访问服务器上的文件,请使用 FTP/SFTP/FTPS 协议。

要在此设置中配置对服务器的访问,您需要指定以下内容:

  1. 连接设置:服务器主机、端口和用户凭据。

  2. 服务器配置根文件夹和访问它的 URL 地址。

  3. 项目根文件夹、服务器上要将数据从项目根文件夹复制到的文件夹以及访问服务器上复制数据的 URL 地址之间的对应关系。这种对应关系称为映射

  1. Ctrl+Alt+S打开 IDE 设置并选择Build、Execution、Deployment | 部署

    或者,从主菜单中,选择工具 | 部署 | 配置……

  2. 打开的“连接”选项卡的左侧窗格列出了所有现有的服务器配置。添加按钮根据您要用于与服务器交换数据的协议,单击并选择服务器配置类型。

    • FTP:选择此选项让 WebStorm 通过 FTP文件传输协议访问服务器。

    • SFTP:选择此选项让 WebStorm 通过SFTP文件传输协议访问服务器。

    • FTPS:选择此选项让 WebStorm 通过 SSL 上的 FTP 文件传输协议(FTPS扩展)访问服务器。

    在打开的创建新服务器对话框中,键入新服务器的名称并单击确定返回到连接选项卡。

  3. 指定在主机上注册期间定义的用户凭据。

    • 对于FTP 和 FTPS 服务器,指定注册模式:

      • 要以常规模式登录,请在用户名字段中指定登录名。

      • 要使用您的电子邮件地址作为密码启用对服务器的匿名访问,请选中以匿名身份登录复选框。

    • 指定对服务器进行身份验证的方式:

      • 对于FTP 服务器,输入您的密码并选择保存密码复选框让 WebStorm 记住它。

      • 对于SFTP 服务器,选择一个已创建的 SSH 配置,或单击浏览按钮并创建一个新配置,如创建 SSH 配置中所述。

      • 对于FTPS 服务器,请指定您的用户名和密码。在高级设置区域中,选择要应用的安全机制。

        选择显式以应用显式(主动)安全性。建立连接后,您机器上的 FTP 客户端立即通过默认 FTP 端口向服务器发送命令以建立安全控制连接。

        默认选择此方法。

        选择隐式以应用隐式(被动)安全性。在这种情况下,在与服务器建立连接时会自动提供安全性,服务器会为安全连接指定一个单独的端口。

        请注意,此方法被视为已弃用,不鼓励使用。

  4. 启用与服务器的连接并指定服务器配置根。

    • 对于FTP/FTPS 服务器,指定要与之交换数据的服务器的主机名以及该服务器侦听的端口。FTP/FTPS 端口的默认值为21

      对于SFTP 服务器,使用在所选SSH 配置中指定的值。

    • 根路径字段中,指定相对于服务器上文件夹的服务器配置根。此文件夹将是可通过当前服务器配置访问的文件夹结构中的最高文件夹。

      执行以下操作之一:

      • 接受默认的/路径,它指向服务器上的文件夹。

      • 手动键入路径或单击并在打开的“选择根路径”对话框中选择浏览按钮所需的文件夹。

      • 单击自动检测。WebStorm 检测 FTP/SFTP 服务器上的用户主文件夹设置,并根据它们设置根路径。该按钮仅在您指定凭据时启用。

    • Web 服务器 URL字段中,输入 URL 地址以访问服务器配置根目录。服务器配置根目录是本地远程服务器上文件树中的最高文件夹,可通过服务器配置访问。对于就地服务器,它是项目根目录。

      支持HTTPHTTPS协议。

    • 单击在浏览器图标中打开 URL该字段以确保可以访问指定的服务器根 URL 地址并指向正确的网页。

  5. 将本地文件夹映射到服务器上的文件夹以及访问它们的 URL 地址。

    Mappings选项卡中,设置项目文件夹、服务器上要将项目文件复制到的文件夹以及访问服务器上复制数据的 URL 地址之间的对应关系。

    最简单的方法是将整个项目根文件夹映射到服务器上的一个文件夹。这种情况下的项目文件夹结构将在服务器上重复,前提是您在选项对话框中选择了创建空目录复选框。有关更多详细信息,请参阅配置与 Web 服务器的同步自定义上传和下载

    • 打开映射选项卡。

    • 本地路径字段中,指定所需本地文件夹的完整路径。在最简单的情况下,它是项目根目录。

    • 部署路径字段中,指定 WebStorm 将从本地路径字段中指定的文件夹上传数据的服务器上的文件夹。键入相对于服务器配置根目录的文件夹路径。

      如果具有指定名称的文件夹尚不存在,WebStorm 将创建它,前提是您在选项对话框中选择了创建空目录复选框。有关更多详细信息,请参阅自定义上传和下载

    • Web 路径字段中,输入服务器上相对于服务器配置根目录的文件夹路径。实际上,输入您在部署路径字段中输入的相对路径。

可选

Connection选项卡中,将服务器配置标记为默认值并配置其可见性。

  1. 单击用作默认按钮工具栏上的 让 WebStorm 在以下情况下静默应用当前配置:

  2. 使用仅对该项目可见复选框来配置服务器访问配置的可见性。

    • 选中复选框以将配置的使用限制在当前项目中。此类配置不能在当前项目之外重用。它不会出现在其他项目的可用配置列表中。

      服务器记录与项目一起存储在.idea目录中,允许通过 VCS在团队成员之间共享它们。

      在左侧窗格的服务器访问配置列表中,仅在当前项目中可见的配置标有仅在当前项目图标中可见图标。

    • 当复选框被清除时,配置在所有 WebStorm 项目中可见。它的设置可以在多个项目中重复使用。

通过配置嵌套映射重载部署目标

您可以为项目根目录下的特定文件夹配置单独的映射,以使该文件夹的内容与远程主机上的另一个位置同步。

假设您已按如下方式配置映射:

本地路径

部署路径

<project_root>

ftp://.../htdocs/my_project

<project_root>/my_folder

ftp://.../htdocs/my_folder

然后你的项目中的文件将按如下方式上传:

本地路径

部署路径

<project_root>/file1.js

ftp://.../htdocs/my_project/file1.js

<project_root>/my_folder/file2.js

ftp://.../htdocs/my_folder/file2.js

而不是ftp://.../htdocs/my_project/my_folder/file2.js

最后修改:2021 年 12 月 27 日