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

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

1、VScode远程连接服务器

  1. 应用商店安装remote development
    此时会自动安装其他的(Remote WSL+SSH+Container )
  2. vscode 远端服务器 java函数跳转 vscode打开远程服务器文件_远程连接

  3. 安装成功,左下角会出现:
  4. vscode 远端服务器 java函数跳转 vscode打开远程服务器文件_vscode_02

  5. 右侧栏出现远程连接图标:(这个autotest是接下来配置的,一开始为空的)
  6. vscode 远端服务器 java函数跳转 vscode打开远程服务器文件_vscode_03

  7. 点击远程连接图标会进入remote explorer栏,点击该栏左上角下拉选项,选择SSH Targets
  8. vscode 远端服务器 java函数跳转 vscode打开远程服务器文件_服务器_04

  9. 点击设置按钮
  10. vscode 远端服务器 java函数跳转 vscode打开远程服务器文件_上传_05

  11. 选择后缀为.ssh\config的选项,进入连接设置页面,分别修改Host(名字,自己起的),Hostname(地址),Port(端口),User(用户)
  12. vscode 远端服务器 java函数跳转 vscode打开远程服务器文件_服务器_06

  13. 启动远程服务器
    a. 方式1
    点击左下角的图标,选择Remote-SSH:Connect to Host
    选择Linux(连接服务器的系统)
    输入密码
    b. 方式2
    点击左侧显示器符号,鼠标右键点击要连接的服务器,选择current window/new window都行
    选择Linux(连接服务器的系统)
    输入密码
    右下角出现图标连接的服务器的名字,连接成功。
  14. vscode 远端服务器 java函数跳转 vscode打开远程服务器文件_vscode_07

  15. Open folder可以分别打开本地和远程文件
  16. vscode 远端服务器 java函数跳转 vscode打开远程服务器文件_服务器_08

  17. 打开远程文件还会在该远程环境下,但是如果是打开本地文件会跳出去
  18. 上一次打开服务器之后,下一次开VScode还是会自动让输入密码登录服务器
    若不需要,则直接按下Esc键关闭即可
  19. vscode 远端服务器 java函数跳转 vscode打开远程服务器文件_上传_09


  20. vscode 远端服务器 java函数跳转 vscode打开远程服务器文件_上传_10

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

  1. 安装SFTP插件
  2. 打开当前工程(pyKGCN)所在的文件夹(他的上一层PycharmProjects)下,按住Ctrl+shift+P 搜索sftp,选择这个config
    sftp将会自动在当前文件夹生成.vscode文件夹,其中包含一个sftp.json文件
    sftp可以同步与.vscode同一级的文件夹,而不能同步其父文件夹!!
  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同一级的文件夹
    该文件夹按住右键
  4. vscode 远端服务器 java函数跳转 vscode打开远程服务器文件_远程连接_11

  5. 在父文件下,点击该工程文件右键,upload Folder上传
    目前,我将自动保存上传同步等都关闭了,所以全部是手动。
    本地:
  6. vscode 远端服务器 java函数跳转 vscode打开远程服务器文件_上传_12


  7. vscode 远端服务器 java函数跳转 vscode打开远程服务器文件_上传_13

  8. 服务器:(已上传该文件)
  9. vscode 远端服务器 java函数跳转 vscode打开远程服务器文件_ssh_14

  10. 在服务器上打开项目文件
  11. vscode 远端服务器 java函数跳转 vscode打开远程服务器文件_服务器_15