Sublime SFTP && FTPSync

Sublime Text 2 本身并不强大,但是它方便使用插件扩展功能,所以变得很强大。今天介绍一个很实用的插件 SFTP ,可以大大提高前端工作效率。

常见的工作流程

有时候修改一些网站上的文件,通常是下面这样的流程:使用 FTP/SFTP 连接到远程服务器 -> 下载要修改的文件 -> 使用 ST2 修改文件 -> 保存然后拖进 FTP 中 -> 刷新网站。 很明显这样的工作流程效率很低,特别是你修改一句代码的时候,为了即时生效,也需要重复切换几个窗口重复这个过程。于是就有了 SFTP 这个插件。 它主要功能就是通过 FTP/SFTP 连接远程服务器并获取文件列表,可以选择下载编辑、重命名、删除等等操作,点下载编辑之后,可以打开这个文件进行修改。修改完成之后,保存一下会自动上传到远程的服务器上面。 使用这个插件之后,工作流程就变成了:使用 SFTP 插件打开文件 -> 使用 ST2 编辑修改文件 -> 保存文件 -> 刷新页面。效率提升了至少一倍以上,下面就来介绍一下具体的使用方法。

SFTP 安装和使用方法

先要安装这个插件,打开 Sublime Text 2 ,摁下 shift + ctrl + p 键,呼出面板,使用 Package Control 这个插件安装。输入 “pci” 敲击回车,再输入 “sftp” 即可安装这个插件。安装完之后,就要开始配置服务器使用了。

第一步:配置 FTP/SFTP 服务器信息

安装完插件之后,找到 “文件” 菜单,找到 “SFTP/FTP” 选项,点击配置: 在 SFTP 中配置远程服务器信息 点击之后,会弹出一个新的窗口,这是一个配置文件 SFTP 中服务器的配置参数 一般就是配置一下我箭头所指的四个参数,包括连接方式、服务器地址、用户名、密码等。如果你的服务器还有其他配置,你也可以对照注释设置一下。一般为了方便,还会设置一下“路径”,这样直接可以看到想要修改的文件列表。 配置完成之后,我们保存,然后输入一个名字作为标识。

第二步:连接服务器获取文件列表

还是点击 “文件” 选择 “SFTP/FTP” 中的查看服务器列表 使用 SFTP 连接远程服务器 会弹出刚刚配置好的服务器,我们可以点击需要连接的 FTP 服务器,这时候就链接上了并且弹出文件列表 SFTP 连接服务器获取文件列表 这时候点击一个文件,就可以弹出一些选项 使用 SFTP 操作远程文件 就可以根据你自己的需要,对文件编辑、重命名什么的了。点击编辑之后,会在本地打开,然后可以修改。摁下 ctrl + s 保存文件的时候,就会自动上传文件。 如果需要查看服务器上的别的文件,或者需要更多的功能,可以直接在当前文件中右击,选择 “SFTP/FTP” 就会弹出更多选项可以使用,没法截图所以不再赘述。更多的功能,就交给你自己探索了!

[Sublime Text] 连接FTP, 安装及使用 FTPSync 图文步驟

我们开始利用package control安装FTPSync

安裝 FTPSync

打开工具列 Preferences → Package Control 输入 install Package 按 ENTER 再输入 FTPSync 按 ENTER 安裝 设置、执行 FTPSync :

[1] 建立一个文件夹,举例的我就建立在桌面上:

[Sublime Text] 连接FTP, 安装及使用 FTPSync 图文步驟

建立一个文件夹

[Sublime Text] 连接FTP, 安装及使用 FTPSync 图文步驟

建立一个文件夹

2、打开sublime,菜单中打开 Project - Add Folder to Project

[Sublime Text] 连接FTP, 安装及使用 FTPSync 图文步驟

Project - Add Folder to Project

3、选择您刚刚建立的文件夹

[Sublime Text] 连接FTP, 安装及使用 FTPSync 图文步驟

选择您刚刚建立的文件夹

4、在左侧出现的文件夹上右键选择FTPSync ->Setup FTPSync in this folder,如果出现不能选择的情况,请重新启动sublime,即可选择:

[Sublime Text] 连接FTP, 安装及使用 FTPSync 图文步驟

Setup FTPSync in this folder

5、这时候会出现一个ftpsync.settings,然后将该文件设置正确,即可实现功能了,可以对你刚加入的 Project 上按右鍵 FTPSync → Download 下载 FTP上的程序文件

[Sublime Text] 连接FTP, 安装及使用 FTPSync 图文步驟

ftpsync.settings

6、下载:

[Sublime Text] 连接FTP, 安装及使用 FTPSync 图文步驟

FTPSync → Download

参考配置文件: { // HELP / INFO moved to bottom // Remove “//“ to uncomment settings directive “default”: { “host”: “ftp.example.com”, //这里需要设置 “username”: “your_login”, // or null for anonymous login 这里需要设置 “password”: “your_password”, //这里需要设置 “path”: “/“, “upload_on_save”: true // set *false* if you do not want to upload on save! // “port”: 21, // “tls”: false, // “timeout”: 30, // [seconds] // “passive”: true, // “download_on_open”: false, // “overwrite_newer_prevention”: true, // “default_folder_permissions”: “755”, // “default_upload_permissions”: null, // null = no action taken // “time_offset”: 0, // [seconds] // “always_sync_local_permissions”: true, // Value “auto” = use UTF-8 if availible (FEAT: UTF8), otherwise use local // “encoding”: “auto”, // Trade small performance impact for more stable and secure transfer (old file is intact until the download is finished) // “use_tempfile”: true, // Regular expression, recommending using \\b in general and /…/ for folders to avoid matching substrings // “ignore”: “”, // Can be used for increase of performance or to allow build scripts to finish // “upload_delay”: 0, // [seconds] // Only if the server has MFMT extension installed // “set_remote_lastmodified”: true, // Chmod value for files newly downloaded by FTPSync // “auto” = same as on server // null = no action taken // “0644” = example for direct value // “default_local_permissions”: “auto”, // List of lists with pathnames and filenames to folders to be watched for change in between delay (upload_delay) // example: after_save_watch: [ [ “code/assets/css”, “.css” ], [ “code/assets/“, “.jpg, .png, .gif” ] ] // used only in conjunction with upload_on_save and upload_delay // For more info see https://github.com/NoxArt/SublimeText2-FTPSync/wiki/Why-and-how-to-use-afterwatch // “after_save_watch”: [] } // ——— INFO ——————————————————————————————————— // Index page // —- https://github.com/NoxArt/SublimeText2-FTPSync/ // For settings description see: // —- https://github.com/NoxArt/SublimeText2-FTPSync/wiki/All-settings // For more info see: // —- https://github.com/NoxArt/SublimeText2-FTPSync/wiki/_pages // Want to ask? Report a bug? // —- Hit: https://github.com/NoxArt/SublimeText2-FTPSync/issues/new // Commas // Don’t forget about commas -> each entry needs a comma at the end of line EXCEPT the last (uncommented) entry // For precise info see http://www.json.org // Also try http://jsonlint.com // Comments ** // The “//“ are so called “comments”, all text after it is ignored, // they are used for notes or deactivating an entry // Non-basic settings are deactivated and default options specified in the global settings file, // that is $packages$/FTPSync/ftpsync.sublime-settings (where $packages$ is a path where Sublime // keeps packages in your Operating System) accessible via Preferences > Package Settings > FTPSync // Use Settings - User to override the global defaults // More info about Sublime Text 2 settings on http://www.sublimetext.com/docs/2/settings.html }

常见问题:
  1. 如果 FTPSync 沒反应请关闭 sublime 再开启!
  2. 要注意你的 ftpsync.settings 最后一参数不能有逗号!

    【转】【学】: http://blog.wpjam.com/m/sublime-text-2-sftp/ http://chenxuehu.com/article/2014/05/2360.html

(っ•̀ω•́)っ✎⁾⁾ 坚持技术学习、内容输出与分享,您的支持将鼓励我继续创作!(*/ω\*)
( • ̀ω•́ )✧如有疑问或需要技术讨论,请留言或发邮件到 aclearzhang@qq.com.(*・ω< ) 
  • 本文作者:: AClearZhang
  • 本文链接:: 291.html
  • 版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处!