Sublime Text 3安装SFTP插件

作者:荒原之梦

前言:

最近在学习网页设计,陆续接触到了HTML、CSS和JavaScript,写的代码越来越多了,也越来越感觉到将代码上传到服务器上的流程太繁琐了。一开始我是用虚拟主机提供的控制面板下载上传网页代码,后来用FTP工具远程连接了虚拟机主机的FTP服务器,但是整个操作过程依旧不够简洁。这篇文章我将分享一个直接在Sublime Text 3里面连接FTP服务器,只使用Sublime Text 3就完成对远程FTP服务器上文件的下载、修改和上传等操作,提高网页编辑的效率。

1.配置插件安装环境

打开SublimeText3,使用Shift + Ctrl + P打开命令面板

输入:

install

选中输入框下面弹出的

Install Package Control

稍等一会就会弹出成功安装的提示。

使用Shift + Ctrl + P打开命令面板,输入:

install

选中输入框下面弹出的:

Install Package

稍等一会安装就会完成。

2.配置SFTP插件

使用Shift + Ctrl + P打开命令面板,输入:

SFTP

点击下面弹出的SFTP,等待完成安装。

之后依次打开:

File -> SFTP/FTP -> Setup Server

这时会看到下面的代码(其他代码没有列出,下面的中文注释是我添加上去的):

// sftp, ftp or ftps

   "type": "sftp", //如果使用的SFTP协议就用“sftp”,否则就改成“ftp”

   "sync_down_on_open": true,

   "sync_same_age": true,

   "host": "example.com", //在这里输入远程服务器的IP地址或者域名

   "user": "username", //在这里输入FTP用户名

   //"password": "password", //在这里输入FTP密码(注意去掉最前面的注释符号“//”)

   //"port": "22", //这里根据自己的情况填写,一般FTP对应21号端口,SFTP对应22号端口,同时记得去掉最前面的注释符号“//”

   "remote_path": "/example/path/",  //在这里选择远程服务器中有关项目的路径

配置完成后保存,就像保存其他文件一样,起一个名字,后缀命名为“.json”,点击保存就可以了。

(注:自动创建的保存路径是C:\Users\Master\AppData\Roaming\Sublime Text 3\Packages\User\sftp_servers)

3.下载并编辑远程FTP服务器上的文件

依次打开

File -> SFTP/FTP -> Browse Server

出现两个选项,一个是“Add New Server”另一个就是我们刚才配置好的远程FTP服务器。

选择我们刚才配置好的远程FTP服务器,就会列出“Folder actions”和“Up a folder”以及我们在配置文件里输入的远程FTP服务器项目路径下的文件夹和文件。点击之后会出现“Back to list”、“Edit”、“Rename”、“Chmod”、“Delete”选项,可以根据需要选择要进行的操作。编辑完成后,使用“Ctrl + S”组合键就可以将文件保存到远程FTP服务器上了。