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

这篇具有很好参考价值的文章主要介绍了vscode使用ftp-sync快速上传项目代码到服务器(宝塔ftp为例)。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

使用vscode开发工具小伙伴们可以在vscode搜一下ftp-sync这个插件，然后点击下载安装
vscode如何上传文件到服务器,node+宝塔服务器部署,服务器,vscode,运维
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/项目源码
vscode如何上传文件到服务器,node+宝塔服务器部署,服务器,vscode,运维
比如我现在要上传静态index.html,操作只需要右击index.html,选中ftp-sync:upload File指令即可,成功的话直接在宝塔/www/wwwroot/ftpsynctest/这个路径下就能看到index.html。失败的话,可以查查对应报错方式,许多博客都有处理方案。
vscode如何上传文件到服务器,node+宝塔服务器部署,服务器,vscode,运维文章来源地址https://www.toymoban.com/news/detail-708450.html