创建远程服务器配置
在远程服务器配置中,服务器运行在另一台计算机(远程主机)上。要访问服务器上的文件,请使用 FTP/SFTP/FTPS 协议。
要在此设置中配置对服务器的访问,您需要指定以下内容:
连接设置:服务器主机、端口和用户凭据。
服务器配置根文件夹和访问它的 URL 地址。
项目根文件夹、服务器上要将数据从项目根文件夹复制到的文件夹以及访问服务器上复制数据的 URL 地址之间的对应关系。这种对应关系称为映射。
按Ctrl+Alt+S打开 IDE 设置并选择Build、Execution、Deployment | 部署。
或者,从主菜单中,选择
……打开的“连接”选项卡的左侧窗格列出了所有现有的服务器配置。根据您要用于与服务器交换数据的协议,单击并选择服务器配置类型。
FTP:选择此选项让 WebStorm 通过 FTP文件传输协议访问服务器。
SFTP:选择此选项让 WebStorm 通过SFTP文件传输协议访问服务器。
FTPS:选择此选项让 WebStorm 通过 SSL 上的 FTP 文件传输协议(FTPS扩展)访问服务器。
在打开的创建新服务器对话框中,键入新服务器的名称并单击确定返回到连接选项卡。
指定在主机上注册期间定义的用户凭据。
启用与服务器的连接并指定服务器配置根。
对于FTP/FTPS 服务器,指定要与之交换数据的服务器的主机名以及该服务器侦听的端口。FTP/FTPS 端口的默认值为21。
对于SFTP 服务器,使用在所选SSH 配置中指定的值。
在根路径字段中,指定相对于服务器上根文件夹的服务器配置根。此文件夹将是可通过当前服务器配置访问的文件夹结构中的最高文件夹。
执行以下操作之一:
接受默认的/路径,它指向服务器上的根文件夹。
手动键入路径或单击并在打开的“选择根路径”对话框中选择所需的文件夹。
单击自动检测。WebStorm 检测 FTP/SFTP 服务器上的用户主文件夹设置,并根据它们设置根路径。该按钮仅在您指定凭据时启用。
在Web 服务器 URL字段中,输入 URL 地址以访问服务器配置根目录。服务器配置根目录是本地或远程服务器上文件树中的最高文件夹,可通过服务器配置访问。对于就地服务器,它是项目根目录。
支持HTTP和HTTPS协议。
单击该字段以确保可以访问指定的服务器根 URL 地址并指向正确的网页。
将本地文件夹映射到服务器上的文件夹以及访问它们的 URL 地址。
在Mappings选项卡中,设置项目文件夹、服务器上要将项目文件复制到的文件夹以及访问服务器上复制数据的 URL 地址之间的对应关系。
最简单的方法是将整个项目根文件夹映射到服务器上的一个文件夹。这种情况下的项目文件夹结构将在服务器上重复,前提是您在选项对话框中选择了创建空目录复选框。有关更多详细信息,请参阅配置与 Web 服务器的同步和自定义上传和下载。
可选
在Connection选项卡中,将服务器配置标记为默认值并配置其可见性。
通过配置嵌套映射重载部署目标
您可以为项目根目录下的特定文件夹配置单独的映射,以使该文件夹的内容与远程主机上的另一个位置同步。
假设您已按如下方式配置映射:
本地路径 | 部署路径 |
---|---|
<project_root> | ftp://.../htdocs/my_project |
<project_root>/my_folder | ftp://.../htdocs/my_folder |
然后你的项目中的文件将按如下方式上传:
本地路径 | 部署路径 |
---|---|
<project_root>/file1.js | ftp://.../htdocs/my_project/file1.js |
<project_root>/my_folder/file2.js | ftp://.../htdocs/my_folder/file2.js 而不是ftp://.../htdocs/my_project/my_folder/file2.js |