WebStorm 2021.1 Help

配置与 Web 服务器的同步

WebStorm 区分就地本地远程服务器,但是这些术语在 WebStorm 上下文中的含义与其通常含义略有不同:

  • 在就地服务器配置中,Web 服务器在您的计算机上运行,​​您的项目位于其文档根目录下(例如,在/htdocs文件夹中),您直接在服务器上进行开发。

    就地服务器文档根是项目根的父级,无论是否直接。文档根目录是 Web 根目录或网站根目录。通常,它是网站的可公开访问的基本文件夹。

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

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

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

在你开始前

通过默认启用的FTP/SFTP 连接捆绑插件提供与服务器的同步、上传、下载和管理文件。如果插件被禁用,请在“设置”对话框的“插件”页面中激活它。有关详细信息,请参阅安装插件

确保 Web 服务器已配置并正在运行,详细信息请参阅 Web 服务器官方文档。

服务器访问配置

WebStorm 通过服务器访问配置控制与 Web 服务器的交互。无论何时您要使用服务器,都需要定义服务器访问配置,无论您的服务器是在远程主机上还是在您的机器上。

服务器访问配置定义以下内容:

  • 服务器类型(就地本地远程)。

  • 运行服务器的计算机(主机)。对于就地本地服务器,WebStorm 假定它是您项目所在的当前计算机。

  • 服务器访问配置根目录:服务器层次结构中可以通过服务器配置访问的最高文件夹。

  • 访问服务器配置根的 URL 地址。

  • 传输数据的协议和连接参数。

  • 本地文件夹(即项目根目录下的文件夹)、服务器上的目标文件夹(本地或远程)以及访问服务器上数据的 URL 地址之间的对应关系。这种对应关系称为映射

    例如,您的项目存储在C:/Projects/My_Project/下并包含文件夹C:/Projects/My_Project/My_Folder,而本地服务器的文档根目录位于C:/xampp/htdocs下。您将整个项目树上传到C:/xampp/htdocs/My_Project。在 WebStorm 术语中,C:/Projects/My_Project/My_Folder文件夹被称为本地C:/xampp/htdocs/My_Project/My_Folder文件夹被称为远程

您可以根据需要定义任意数量的配置,从而实现上传/下载设置之间的灵活切换。

如果需要将代码部署到多台服务器,可以创建一个服务器组,避免单独部署到每台服务器。

默认服务器访问配置

您可以将服务器配置设置为默认值,让 WebStorm 在以下情况下静默应用它:

  1. Settings/Preferences对话框 ( Ctrl+Alt+S) 中,转到Build、Execution、Deployment | 部署,在中央窗格中选择所需的服务器访问配置,然后单击用作默认按钮工具栏上的 。

    或者,单击WebStorm 状态栏中的默认部署服务器小部件,然后从弹出菜单中选择所需的服务器或服务器组。

    在 WebStorm 状态栏中选择默认部署服务器
  2. 配置上传到默认服务器,请转到构建、执行、部署 | 部署 | 选项

服务器访问配置的可见性

配置后,服务器访问配置可用于所有现有的 WebStorm 项目。您可以将配置的使用限制在当前项目中。

  1. Settings/Preferences对话框 ( Ctrl+Alt+S) 中,转到Build、Execution、Deployment | 部署,然后在中央窗格中选择所需的服务器访问配置。

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

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

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

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

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

最后修改:2022 年 1 月 12 日