配置与 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 在以下情况下静默应用它:
将本地文件和文件夹与其远程版本进行比较。
在Settings/Preferences对话框 ( Ctrl+Alt+S) 中,转到 ,在中央窗格中选择所需的服务器访问配置,然后单击工具栏上的 。
或者,单击WebStorm 状态栏中的默认部署服务器小部件,然后从弹出菜单中选择所需的服务器或服务器组。
要配置上传到默认服务器,请转到 。
服务器访问配置的可见性
配置后,服务器访问配置可用于所有现有的 WebStorm 项目。您可以将配置的使用限制在当前项目中。
在Settings/Preferences对话框 ( Ctrl+Alt+S) 中,转到 ,然后在中央窗格中选择所需的服务器访问配置。
使用仅对该项目可见复选框来配置服务器访问配置的可见性。
选中复选框以将配置的使用限制在当前项目中。此类配置不能在当前项目之外重用。它不会出现在其他项目的可用配置列表中。
服务器记录与项目一起存储在.idea目录中,允许通过 VCS在团队成员之间共享它们。
在左侧窗格的服务器访问配置列表中,仅在当前项目中可见的配置标有图标。
当复选框被清除时,配置在所有 WebStorm 项目中可见。它的设置可以在多个项目中重复使用。