VScode连接服务器+SFTP同步文件

VScode连接服务器+SFTP同步文件

    • 1、VScode远程连接服务器
    • 2、Vscode本地与远程文件同步

1、VScode远程连接服务器

  1. 应用商店安装remote development
    此时会自动安装其他的(Remote WSL+SSH+Container )
    VScode连接服务器+SFTP同步文件_第1张图片
    安装成功,左下角会出现:在这里插入图片描述
    右侧栏出现远程连接图标:(这个autotest是接下来配置的,一开始为空的)
    VScode连接服务器+SFTP同步文件_第2张图片

  2. 点击远程连接图标会进入remote explorer栏,点击该栏左上角下拉选项,选择SSH Targets
    VScode连接服务器+SFTP同步文件_第3张图片

  3. 点击设置按钮VScode连接服务器+SFTP同步文件_第4张图片

  4. 选择后缀为.ssh\config的选项,进入连接设置页面,分别修改Host(名字,自己起的),Hostname(地址),Port(端口),User(用户)
    VScode连接服务器+SFTP同步文件_第5张图片

  5. 启动远程服务器
    a. 方式1
    点击左下角的图标,选择Remote-SSH:Connect to Host
    选择Linux(连接服务器的系统)
    输入密码
    b. 方式2
    点击左侧显示器符号,鼠标右键点击要连接的服务器,选择current window/new window都行
    选择Linux(连接服务器的系统)
    输入密码
    右下角出现图标连接的服务器的名字,连接成功。
    在这里插入图片描述

  6. Open folder可以分别打开本地和远程文件
    VScode连接服务器+SFTP同步文件_第6张图片
    打开远程文件还会在该远程环境下,但是如果是打开本地文件会跳出去

  7. 上一次打开服务器之后,下一次开VScode还是会自动让输入密码登录服务器
    若不需要,则直接按下Esc键关闭即可
    VScode连接服务器+SFTP同步文件_第7张图片
    VScode连接服务器+SFTP同步文件_第8张图片

2、Vscode本地与远程文件同步

  1. 安装SFTP插件
    在这里插入图片描述
  2. 打开当前工程(pyKGCN)所在的文件夹(他的上一层PycharmProjects)下,按住Ctrl+shift+P 搜索sftp,选择这个config
    sftp将会自动在当前文件夹生成.vscode文件夹,其中包含一个sftp.json文件
    sftp可以同步与.vscode同一级的文件夹,而不能同步其父文件夹!!
    在这里插入图片描述VScode连接服务器+SFTP同步文件_第9张图片
  3. 在里面进行配置
    修改为:
{
    "name": "autotest", 
    "host": "xx.xx.xx.xxx",
    "protocol": "sftp",
    "port": 10001,
    "username": "root",
    "password":"xxxxxxx",
    "remotePath": "xty/",
    "uploadOnSave": false,
    "ignore": [
        "**/.vscode/**",
        "**/.git/**",
        "**/.DS_Store"
    ],
    "watcher": {
        "files": "*",
        "autoUpload": false,
        "autoDelete": false
    }
}
  1. 其中的参数:
    a. “host” 服务器地址
    b. “port” 连接端口
    c. “remotePath” 要同步到的服务器文件路径
    d. “ignore” 同步时忽略哪些文件(不上传的文件)
    e. “autoUpload” 自动同步

  2. 在使用sftp上传文件之前要手动在服务上mkdir生成这个xty/ (第一次使用的时候)

  3. 同步与.vscode同一级的文件夹
    该文件夹按住右键
    VScode连接服务器+SFTP同步文件_第10张图片

  4. 在父文件下,点击该工程文件右键,upload Folder上传
    目前,我将自动保存上传同步等都关闭了,所以全部是手动。
    本地:
    在这里插入图片描述
    在这里插入图片描述
    服务器:(已上传该文件)
    VScode连接服务器+SFTP同步文件_第11张图片

  5. 在服务器上打开项目文件
    VScode连接服务器+SFTP同步文件_第12张图片

你可能感兴趣的:(工具,vscode,服务器,ssh)