WebStorm教程,WebStorm基础教程,WebStorm高级教程,WebStorm核心教程,WebStorm破解教程,WebStorm注册码,WebStorm激活码,WebStorm破解,WebStorm破解插件,WebStorm注册码永久,WebStorm注册码2022,WebStorm注册码2021,WebStorm注册码失效,WebStorm注册码在线生成,WebStorm插件,WebStorm主题,创建本地服务

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

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

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

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

1.gif

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

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

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

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

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

2.gif

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

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

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

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

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

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

    支持HTTPHTTPS协议。

3.png

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

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

  • 在本地路径字段中,指定所需本地文件夹的完整路径。在最简单的情况下,它是项目根目录。
  • 在部署路径字段中,指定 WebStorm 将从本地路径字段中指定的文件夹上传数据的服务器上的文件夹。键入相对于服务器配置根目录的文件夹路径。

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

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

4.png

可选

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

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

    • 自动上传更改的文件。
    • 手动上传和下载文件,无需选择目标主机。
    • 将本地文件和文件夹与其远程版本进行比较。
    • 编辑远程主机上的单个文件。

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

5.png

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

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

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

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

    • 清除复选框后,%configuration% 在所有 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

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

添加新评论