VScode是微软一款非常棒的代码编辑器,今天要讲的是它的插件:ftp-sync的使用。
它的好处就是在使用FTP建站时,我们可以在本地创建一个和云端相同结构的目录以及文件,然后在本地编辑,本地保存时自动同步到云端,省去了我们修改好再上传的繁琐步骤。
首先打开VScode后需要安装插件ftp-sync,安装方式很简单,在软件左侧点击扩展,或使用快捷键Ctrl+shift+x即可打开扩展面板,直接搜索安装即可,我们主要讲一下它的使用。
选择我们要设置的同步目录,然后按快捷键F1,即可打开命令行搜索工具
输入ftp ,选择 FTP-Sync:init
插件会自动在项目目录下创建 ftp-sync.json 文件,用于配置ftp。配置文件内容符合JSON格式,下面我们看下该文件的详细释义:
{
"remotePath": "/usr/local/orange", //远程服务器代码路径
"host": "111.111.111.111", //远程服务器IP地址,就是FTP连接地址
"username": "root", //远程服务器登录名,就是FTP用户名
"password": "root", //远程服务器密码,就是FTP密码
"port": 22, //ftp的默认端口是21,sftp默认端口是22
"secure": false, //说的是安全连接,我们默认即可
"protocol": "sftp", //端口是21写ftp,端口是22写sftp
"uploadOnSave": true, //自动同步设置,默认是false,建议设置成true,这样每次修改后ctrl+s保存后会自动同步
"passive": false,
"debug": true, //默认是false,如果设置为true,可以看到通过菜单的 查看->输出 打开输出界面
"privateKeyPath": null,
"passphrase": null,
"agent": null,
"allow": [],
//ignore 忽略同步的目录和文件
"ignore": [
"\\.vscode",
"\\.git",
"\\.DS_Store"
],
"generatedFiles": {
"extensionsToInclude": [
""
],
"path": ""
}
}