vscode+stfp插件,实现远程自动同步文件&代码

概述

远程同步代码,将本地代码实时保存到同一局域网内的另一台电脑(linux系统),这里的本地代码也可以是远程服务上的代码,即从一个远程ip同步到另一台远程ip服务器。

工具

vscode,SFTP插件

安装

vscode自行去官网下载,这里在赘述

SFTP插件需要下载作者为"Natizyskunk"的版本

修改配置文件

按下ctr+shift+p,在顶栏弹框中找到SFTP:Config,选中并点击回车时你的项目根目录下就会生成一个sftp.json文件。

修改json文件

json 复制代码
{
    "name": "raid", 
    "host": "192.168.1.235",
    "protocol": "sftp",
    "port": 22,
    "username": "root",
    "password": "s",
    "remotePath": "/root/235_workspace/4_raid/raid",
    "downloadOnOpen":false,
    "uploadOnSave": false,
    "ignore": [
        "**/.vscode/**",
        "**/cross_compiling/**"
    ],
    "watcher": {
        "files": "**",
        "autoUpload": true,
        "autoDelete": true
      }
}
  • "name": "raid", 自定义工程名字,例子里工程名字为raid
  • "host": "192.168.1.235", 要连接的另一台电脑或服务器的地址,如果是本地电脑则可以填local,例子里ip地址为192.168.1.235
  • "protocol": "sftp",也可以用ftp方式,例子里使用sftp方式。
  • "port": 22,如果是sftp方式,默认端口是22;如果是ftp方式,默认端口是21
  • "username": "root",远程的那台电脑(或服务器)的名称。比如远程的电脑是linux系统,系统的登录名是kkk,那你这里就应该填kkk,例子里的远程服务登录名为root
  • "remotePath": "/root/235_workspace/4_raid/raid",你项目想要存放的位置(是远程的那台电脑上的路径),必须是绝对路径。例子里路径为/root/235_workspace/4_raid/raid
  • "downloadOnOpen":false, 从远程服务器下载打开的文件
  • uploadOnSave:本地更新文件保存会自动同步到远程文件(不会同步重命名文件和删除文件)注意:不能与watcher同时使用
  • ignore:忽略的文件(匹配的文件不会同步)
  • watcher:监听器(可以重命名文件和删除文件)注意:"uploadOnSave": ture,时watcher失效。
    • autoUpload:文件变更会自动同步(修改和重命名)
    • autoDelete:文件删除会自动同步

使用方法

①当你对项目中某个文件里的代码进行更改后,按下ctr+s即可同步到远程,你可以看看vscode界面的坐下角有显示某个文件正在上传

②当你在本地增加某个代码文件后,你可以在左侧的项目目录空白处点击右键,点击sync local ->remote,远程就会多一个你刚刚添加的文件

成功log输出

相关推荐
FeelTouch Labs14 小时前
Node.js 中的 spawn 和 exec:子进程执行的不同方式对比
node.js·编辑器·vue·vim
余衫马17 小时前
2026最新版!Android Studio 极速安装与配置指南
android·ide·android studio
你的菊花 倾心恋仙18 小时前
最锋利的Visual Studio Web开发工具扩展:Web Essentials详解
前端·ide·visual studio
MoSTChillax19 小时前
数字人竞品分析(中):核心功能、产品使用与技术能力对比
ide·macos·xcode
林三的日常1 天前
AI编程IDE卡成PPT?低配电脑的末日来了
ide·电脑·ai编程
2501_915106321 天前
SwiftUI项目创建详解:使用Xcode从零开始创建第一个App项目
ide·vscode·ios·swiftui·个人开发·xcode·敏捷流程
PC2005-cloud1 天前
FinalShell 自定义背景图片教程
ide·python·pycharm
2501_916007471 天前
IDE 是什么?集成开发环境详解与 iOS 开发选型指南
ide·vscode·ios·objective-c·个人开发·swift·敏捷流程
2601_960906722 天前
AI研发加速中式及泛亚洲
人工智能·vscode·macos·sublime text·phpstorm
啦啦啦!2 天前
虚拟机如何接入Codex并配置中转站(vscode插件版)
linux·vscode·ubuntu·编辑器