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

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

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

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

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

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

在你开始之前

通过FTP/SFTP/WebDAV Connectivity捆绑插件提供与服务器的同步、上传、下载和管理文件,该插件默认启用。如果插件被禁用,请在“设置”对话框的“插件”页面中激活它。

确保 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 状态栏中的默认部署服务器小部件,然后从弹出菜单中选择所需的服务器或服务器组。

ws_status_bar_select_deployment_server.png

  1. 要配置上传到默认服务器,请转到构建、执行、部署 | 部署 | 选项。

服务器访问配置的可见性

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

  1. 在Settings/Preferences对话框 ( Ctrl+Alt+S) 中,转到Build、Execution、Deployment | 部署,然后在中央窗格中选择所需的服务器访问配置。
  2. 使用仅对该项目可见复选框来配置服务器访问配置的可见性。

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

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

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

    • 清除复选框后,%configuration% 在所有 WebStorm 项目中可见。它的设置可以在多个项目中重复使用。

标签: webstorm注册码, webstorm激活码, webstorm破解, webstorm破解教程, webstorm注册码2021, webstorm注册码失效, webstorm注册码永久, webstorm注册码2022, WebStorm, WebStorm教程, WebStorm基础教程, WebStorm入门教程, WebStorm高级教程, WebStorm核心教程, WebStorm破解插件, WebStorm注册码在线生成, WebStorm插件, WebStorm主题, 配置web服务器