作者:荒原之梦
前言:
最近在学习网页设计,陆续接触到了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服务器上了。