远程部署项目到服务器【WebStorm小技巧】

使用WebStorm可以远程部署项目到服务器, 支持ftp/sftp等多种协议,还可以设置自动同步,非常方便。
第一步:设置Deployment
Preferences/Settings -> Build,Execution,Deployment->Deployment 选择添加

远程部署项目到服务器【WebStorm小技巧】_第1张图片
step1

Name可以随便填,帮你自己找到这个远程部署的配置
Type中输入协议种类。


远程部署项目到服务器【WebStorm小技巧】_第2张图片
step2

填写连接服务器的信息。


远程部署项目到服务器【WebStorm小技巧】_第3张图片
step3

STFPhost,Port, Root path是部署根路径,就是你想在服务器上的那个文件夹里部署这个项目。
username, auth type 是你的登陆信息。auth type可以选择password或者key pair。 用key pair方法可以用.pem等密匙文件进行登陆。 设置好后点击apply就可以登陆了。

远程部署项目到服务器【WebStorm小技巧】_第4张图片
mappings

如果你想把项目中的文件夹部署到不同的路径上。可以使用mappings进行设置。 Local path是本地路径, deployment path是服务器路径。 用Add another mapping来增加新配对。

远程部署项目到服务器【WebStorm小技巧】_第5张图片
excluded paths

如果你不想上传或下载某些路径的文件,可以在excluded path上配置。

这样,项目的远程部署配置就完成了。

第二步: 部署项目
设置好之后就可以部署项目了。你可以选择单个文件/文件夹部署,也可以部署整个项目。

在文件加上右键->Deployment 会出现三个选项
upload to XXX (上传)
download from XXX (下载)
sync with deployed XXX (同步)

按照你的需要进行选择就可以了。 如果你的文件比较大,上传时间可能会比较长,可以点击进度条查看具体进度。

高级设置

点击Tools ->Deployment ->Options 还可以进行高级设置

远程部署项目到服务器【WebStorm小技巧】_第6张图片
高级设置

通过设置Upload changed files automatically to the default server可以设置什么时候进行自动上传
Never ->从不 手动上传的时候才会上传
Always ->总是 一旦本地文件更新就会自动上传
On Explicit save action ->手动保存的时候才自动上传

开始部署你的webstorm项目吧!

你可能感兴趣的:(远程部署项目到服务器【WebStorm小技巧】)