VScode实现本地与远端同步开发

有时候希望在本地修改的代码能够直接同步到服务器端，或者在服务器端的代码能够直接同步到本地端，本文介绍如何实现VScode的本地代码和服务器端代码的同步

1. 在VScode中安装SFTP插件

直接在扩展程序处搜索"SFTP",安装这个插件

 

2.用VScode打开你想要同步的那份代码所在的文件夹 

比如我现在想要同步src这个文件夹中的代码

3. Ctrl+shift+P唤醒VScode命令行，输入SFTP:config,点击这个。

  

 vscode会自动在当前文件夹(src)下创建一个.vscode文件夹，里面有一个sftp.json文件，其内容为： 

{
    "name": "My Server",
    "host": "localhost",
    "protocol": "sftp",
    "port": 22,
    "username": "username",
    "password": "******",
    "remotePath": "/",
    "uploadOnSave": true,
    "useTempFile": false,
    "openSsh": false
}

填入相应内容，保存。

上面的选项里的“uploadOnSave”：表示每当你保存时就会自动将本地代码同步到服务器端。如果是false，就需要手动进行同步操作

tips:这里有一个非常值得注意的点，就是remotePath要填入远程服务器端要同步你的代码的地址，

 

比如上图中，remotePath填写的路径是：/home/zht/ZPN_zht/src

那么在服务器端的 /home/zht/ZPN_zht/src  处同步这个代码

3. 在本地端进行代码修改，Ctrl+S保存，自动同步到服务器端

如图，我在本地端修改了代码(图中加入了gg=999这一变量用于辨识)

**手动进行同步操作

在src文件夹中的空白处右击，点击“Sync Local -> Remote”

点击左侧最下方的那个STFP的按钮，可以查看服务器端的文件情况(此时是只读的模式，不能对服务器端的代码进行修改)

 

 查看这个文件夹下的train_csr_test.py文件，可以看到，成功与本地进行了同步

 4. 服务器端代码同步到本地

使用VScode的远程资源管理器去访问服务器端的代码，并进行修改：

 然后在本地端打开文件夹，在该文件夹的空白处右击，点击“syn Remote->Local”，就可以将远程服务器端的代码同步到本地了。