如何在Webstorm/Phpstorm中设置连接FTP,并快速进行文件比较,上传下载,同步等操作

简介: Phpstorm除了能直接打开localhost文件之外,还可以连接FTP,除了完成正常的数据传递任务之外,还可以进行本地文件与服务端文件的异同比较,同一文件自动匹配目录上传,下载,这些功能是平常IDE,FTP软件中少见的,而且是很耗工作时间的一个操作。

Phpstorm除了能直接打开localhost文件之外,还可以连接FTP,除了完成正常的数据传递任务之外,还可以进行本地文件与服务端文件的异同比较,同一文件自动匹配目录上传,下载,这些功能是平常IDE,FTP软件中少见的,而且是很耗工作时间的一个操作。换句话说,在Webstorm/Phpstorm中操作ftp能找到原来版本控制的感觉。唯一的缺点是:上传,下载的打开链接要稍费时间,适合的场景在于单文件的编辑,这个如果网速够快一般可以忽略,而且就个人体验,虽然链接的速度稍慢,传输的速度并不慢。

1. 设置: 设置的入口有两处,    

a. Tools->Deployment->configruation   

b. File->Settings->Deployment->configruation

单击左上角加号新增一个FTP服务连接 然后配置FTP host,username,pwd等信息,配置好之后,可以Test FTP connection测试FTP是否连接成功。 然后点击Root path三点,如果有FTP服务端的目录读取出来,那就没问题,如果读取不出来,则在下面的Advanced options中选择Passive mode(被动模式)。 然后在Web server root URL中填写域名信息或者空间商提供的免费三级域名。 然后在Mappings 选择映射目录分别为本地,发布或web路径。

2. 出口:    

在与ftp连接的项目文件右击就能发现deployment,分别有四个选项(这个选项只有在连接成功后才能显示):    

1). upload to ...         上传到服务端    

2). Download from ...     从服务端拉    

3). Compare with Deployed Version on ...     本地版本与服务端版本进行比较    

4). Sync with Deployed to ...     比较之外还可以直接进行操作.(3,4的差别在于,3只能浏览不能操作,4可以操作)。

3. 显示扩展面板     Tools->Deployment->configruation->Browse Remote host

成功打开之后:

打开的目的在于对文件的方便编辑,可以这样操作:

4. 快捷操作    

    a. 可以在keymap中添加相应的快捷键操作。    

    

    b. 可以在toolbar上添加常用的图标以方便操作,为了防止误操作,建议操作的图标之间最好有隔离图标,虽然误操作可以利用本地历史记录找回来,但工作效率可能有所下降。

    

另外提供除了版本控制之外的一份本地历史记录,多次挽救我于生死边缘:

右键 -> localhost history -> show history

Pub label是对当前历史记录的一个名称记录

 

扩展阅读:

phpstorm配置本地localhost路径方式打开 http://hi.baidu.com/lhaix/item/80f001c4078594c6984aa03e?qq-pf-to=pcqq.group

最后提醒一下,这个功能在jerbrains系列产品线上应该都有,比如:intelij idea(javaer), pycharm(pyer)等。 

 

文中使用的截图工具:

AshampooSnap,GifCam2.0汉化绿色版

百度下载 密码: 2p86





本文转自豪情博客园博客,原文链接:http://www.cnblogs.com/jikey/p/3486621.html,如需转载请自行联系原作者

目录
相关文章
|
6月前
|
JSON JavaScript 前端开发
设置WebStorm像VSCode一样每行代码结尾自动格式化加入“;”分号(JavaScript、TypeScript格式化)
设置WebStorm像VSCode一样每行代码结尾自动格式化加入“;”分号(JavaScript、TypeScript格式化)
|
12月前
|
开发者
Webstorm编辑器设置背景和字号
Webstorm编辑器设置背景和字号
601 0
|
5月前
|
JavaScript 前端开发 开发者
介绍如何在WebStorm中调试JavaScript文件
介绍如何在WebStorm中调试JavaScript文件
164 1
|
12月前
|
JavaScript 小程序 开发工具
WebStorm中如何设置wepy文件代码高亮
WebStorm中如何设置wepy文件代码高亮
106 0
|
6月前
让VSCode的快捷键切换为WebStorm/IDEA的快捷键、修改颜色主题(深色模式)、文件图标主题
让VSCode的快捷键切换为WebStorm/IDEA的快捷键、修改颜色主题(深色模式)、文件图标主题
|
6月前
设置WebStorm用Ctrl+鼠标滚轮上、下调整编辑器代码字体大小
设置WebStorm用Ctrl+鼠标滚轮上、下调整编辑器代码字体大小
|
6月前
设置WebStorm查看本地源码文件个人修改的历史记录快捷键Alt+Shift+H、Ctrl+Shift+H(通常用于调试bug,发现文件出问题需要回溯到若干天之前)
设置WebStorm查看本地源码文件个人修改的历史记录快捷键Alt+Shift+H、Ctrl+Shift+H(通常用于调试bug,发现文件出问题需要回溯到若干天之前)
webstorm打开新项目提示设置、是否在新窗口打开提示
webstorm打开新项目提示设置、是否在新窗口打开提示
IDEA、webstorm设置编辑器恶心的竖线位置、隐藏竖线(参考线),然后代码自动换行
IDEA、webstorm设置编辑器恶心的竖线位置、隐藏竖线(参考线),然后代码自动换行
|
PHP
phpstudy集成环境设置环境变量启用PhpStorm中的命令行工具的解决方案
phpstudy集成环境设置环境变量启用PhpStorm中的命令行工具的解决方案
214 0