前言：
最近在学习网页设计，陆续接触到了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:UsersMasterAppDataRoamingSublime Text 3PackagesUsersftp_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服务器上了。
end
更多内容请访问我的个人网站荒原之梦