vscode使用ftp-sync快速上传项目代码到服务器(宝塔ftp为例)




使用vscode开发工具小伙伴们可以在vscode搜一下ftp-sync这个插件，然后点击下载安装 2.使用快捷键 Ctrl+Shift+P命令，输入ftp-sync:Init 然后选中执行 3.执行上述命令快速生成.vscode/ftp-svnc.json文件,里面是一些配置信息 ftp-sync.json内容
{
"remotePath": "/", // 这个是基于宝塔生成的目录
"host": "117.78.44.57", // 这个是自己服务器ip
"username": "ftpsynctest", // 宝塔ftp的账户名
"password": "12345678", // 宝塔ftp的密码
"port": 21, // 默认端口21
"secure": false,
"protocol": "ftp",
"uploadOnSave": false,
"passive": false,
"debug": false,
"privateKeyPath": null,
"passphrase": null,
"agent": null,
"allow": [],
"ignore": [
"\\.vscode",
"\\.git",
"\\.DS_Store"
],
"generatedFiles": {
"extensionsToInclude": [
""
],
"path": ""
}
}

此处宝塔随便建一个测试ftp，点击添加FTP,然后基于服务器根目录/www/wwwroot/ftpsynctest，这里的ftpsynctest是自己项目名称。上面ftp-sync的remotePath配置其实就是基于/www/wwwroot/ftpsynctest这个根目录，上传之后项目实际路径就是/www/wwwroot/ftpsynctest/项目源码 比如我现在要上传静态index.html,操作只需要右击index.html,选中ftp-sync:upload File指令即可,成功的话直接在宝塔/www/wwwroot/ftpsynctest/这个路径下就能看到index.html。失败的话,可以查查对应报错方式,许多博客都有处理方案。