vscode SFTP 实时同步代码到远程服务器

文章2019-12-301,920 人已阅来源：网络

1.安装

直接扩展里搜索sftp进行安装即可。

2.配置

在当前已打开的工作区或文件夹，使用ctrl+shift+p快捷键调出输入框，选择 SFTP:Config 回车，会在.vscode目录下创建一个sftp.json配置文件，配置如下

{
    "name": "My Server",  //本地的文件夹名称，可以自宝
    "host": "localhost",  //服务器地址。一般是ip或者域名
    "protocol": "sftp",  //协议：[sftp/ftp]。默认ftp
    "port": 22, //端口
    "username": "username", //服务器用户名
    "remotePath": "/",  //远程文件夹地址，默认/
    "uploadOnSave": true  //本地更新文件保存会自动同步到远程文件（不会同步重命名文件和删除文件）
}

上面是一些默认的参数，还有其它的：

{
   "password": "",  //默认的配置没有密码，这个一般是必须的。但是服务器存在密码泄露风险。
   "ignore": [  //忽略的文件（匹配的文件不会同步）
        ".vscode",
        ".git",
        ".DS_Store"
    ],
    "watcher": {  //监听器（可以重命名文件和删除文件）
        "files": "**/*",
        "autoUpload": true, //文件变更会自动同步（修改和重命名）
        "autoDelete": false  //文件删除会自动同步
    }
}

注：配置文件中是不能使用注释的。复制粘贴的时候注意删除注释

更多详细配置及说明可参考：vscode-sftp

工作区右键说明

相关内容

  • vscode 选中所有相同

    重命名变量:选中变量名后按F2转到变量名的定义处:选中变量名后按F12同时选择多个单词:Alt+Click同时选择上一行(Ctrl+Alt+Up)或者下一行(Ctrl+Alt+...

  • 聊聊vscode中debugger的使用技巧

    学习nodejs最重要的是什么？可能每个人都有自己的答案。我觉得学习nodejs除了要掌握基础的api、常用的一些包外，最重要的能力是学会使用debugger。因为当流程复杂的...

    聊聊vscode中debugger的使用技巧
  • vscode如何提示jQuery语法

    vscode如何提示jQuery？在VSCode中，ctrl+`打开终端；运行命令：npminstall@types/jquery--save最后在项目中会生成：说明安装成功！...

    vscode如何提示jQuery语法
  • VSCode 使用Settings Sync同步配置(最新版教程,非常简单)

    之前无意中听到有人说，vsCode最大的缺点就是每次换个电脑或者临时去个新环境，就要配置一下各种插件，好不麻烦，以至于面试都不敢说自己用vsCode说着无心，听着有意，因为我也...

    VSCode 使用Settings Sync同步配置(最新版教程,非常简单)
  • VS Code 安装的插件所在目录及转移

    如果你的VSCode装了许多插件，那么换电脑时怎么转移插件？首先，需要找到原电脑VSCode的插件安装目录：C:\Users\用户名\.vscode\extensions然后，...

  • VSCode 常用的插件列表

    VisualStudioCode是由微软开发的一款免费、跨平台的文本编辑器。由于其卓越的性能和丰富的功能，它很快就受到了大家的喜爱。就像大多数IDE一样，VSCode也有一个扩...

  • Vue与Nvue的区别

    nvue是nativevue的缩写，是uni-app的一种渲染方式nvue用的是weex方式的原生渲染，nvue的css写法受限，nvue页面只能使用flex布局，不支持其他布...

  • 为什么grid-gap会导致溢出？

    您有一个3列网格容器(.body):grid-template-columns:25%50%25%这些列的总宽度为100%。然后在列（和行）之间添加沟槽：grid-gap:10...

  • 如何适配处理iphoneX/ios系统底部的横条

    iphoneX手机取消了实体Home键，取而代之的是主界面底部不显眼的横条“HomeIndicator”。当网页底部fixed元素时候，一部分元素可能就被这个横条遮挡住，怎么适...

  • css怎么控制按钮不可用

    方法：给按钮元素添加“pointer-events:none;”样式来让按钮元素永远不会成为鼠标事件的target，让其点击事件失效，即可控制按钮不可用。本教程操作环境：win...

    css怎么控制按钮不可用
浏览更多有关 的内容