WebStorm 2021.1 Help

创建本地服务器配置

在本地服务器配置中,您进行开发,然后将源代码复制到服务器。

本地服务器是在本地或已安装文件夹中运行的服务器,其文档不是项目的父级。

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

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

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

创建本地服务器
  1. Ctrl+Alt+S打开 IDE 设置并选择Build、Execution、Deployment | 部署

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

  2. 打开的“连接”选项卡的左侧窗格列出了所有现有的服务器配置。单击并从列表中添加按钮选择本地或安装的文件夹。

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

  3. 指定服务器配置根目录和 URL 地址以访问它。

    • 文件夹字段中,指定服务器配置根

      服务器配置根目录是服务器上文件树中可以通过服务器配置访问的最高文件夹。最简单的方法是使用Web 服务器配置文件中定义的 Web 服务器的文档根目录。但是,您可以指定文档根目录下的任何其他现有文件夹。

    • Web 服务器 URL字段中,指定服务器配置根的 URL 地址。此 URL 地址将作为构建应用程序 URL 地址的起点。根据您选择的服务器配置 root,执行以下操作之一:

      • 键入与Web 服务器配置文件中定义的 Web 服务器的文档根相关联的 URL 地址。

      • 按以下格式键入 URL 地址:

        <服务器文档根 URL>/<相对于服务器文档根的文件夹路径>

      支持HTTPHTTPS协议。

    指定服务器配置根目录和访问它的 URL 地址
  4. 将项目文件夹映射到服务器上的文件夹以及访问它们的 URL 地址。

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

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

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

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

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

    将项目文件夹映射到服务器上的文件夹以及访问它们的 URL 地址

可选

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

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

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

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

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

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

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

指定服务器配置根的示例

例如,服务器的默认文档根目录htdocs文件夹,访问数据的默认 URL 地址是http://localhost。假设您正在使用XAMPP包,它安装在C:/驱动器的根目录中。

如果您决定将项目文件直接复制到服务器文档根目录下,您的服务器配置根目录将是C:\xampp\htdocs并且其 URL 将是http://localhost:<port>

您可以在服务器上建立更复杂的文件夹结构,例如在服务器文档根目录下有MySite1MySite2文件夹。在这种情况下,您必须决定在当前配置中使用这些文件夹中的哪一个,让它成为MySite2。因此,服务器配置根目录C:\xampp\htdocs\MySite2,其 URL 地址为http://localhost:<port>\MySite2

将项目文件夹与服务器上的文件夹映射的示例

例如,如果您的项目位于C:\My_Projects\Mapping_project下,则服务器文档根目录C:\xampp\htdocs服务器配置根目录 C:\xampp\htdocs\MySite2,其 URL 地址为 http:/ /localhost:<port>\MySite2,填写字段如下:

  1. 本地路径字段中,输入C:\My_Projects\Mapping_project

  2. 部署路径字段中,键入MySite2

  3. Web 路径字段中,键入MySite2

最后修改:2021 年 8 月 27 日