VSCode本地代码同步服务器教程(已解决本地同步删除服务器端)

1:安装插件 SFTP
VSCode本地代码同步服务器教程(已解决本地同步删除服务器端)_第1张图片
2-1:在本地新建一个文件夹用来放项目,并且用vscode打开这个文件夹然后进行后续操作
2-2.在VSCode中打开命令栏(快捷键Shift + Ctrl+ P)搜索SFTP,然后选择自己刚才创建的文件夹
VSCode本地代码同步服务器教程(已解决本地同步删除服务器端)_第2张图片
VSCode本地代码同步服务器教程(已解决本地同步删除服务器端)_第3张图片

3.选择SFTP: Config,该指令会在当前.vscode目录下生成一个sftp.json配置文件
VSCode本地代码同步服务器教程(已解决本地同步删除服务器端)_第4张图片
4.进行配置(直接把下面这段复制过去替换原来默认的)

{
    "name": "项目自定义一个名字",
    "host": "服务器IP",
    "port": 22,
    "username": "服务器账号",
    "password": "服务器密码.",
    "protocol": "sftp", 
    "agent": "null",
    "passphrase": "null", 
    "passive": false, 
    "interactiveAuth": true,
    "remotePath": "项目在服务器的存放路径",
    "uploadOnSave": true,
    "syncMode": "update",
    "watcher": {
        "files": "**/*",
        "autoUpload": true,
        "autoDelete": true
    },
    "ignore": [
        "**/.vscode/**",
        "**/.git/**",
        "**/.DS_Store"
    ]
}

VSCode本地代码同步服务器教程(已解决本地同步删除服务器端)_第5张图片

完成后ctrl+s就能传到服务器,也可以右键下载
VSCode本地代码同步服务器教程(已解决本地同步删除服务器端)_第6张图片
左侧可以看到远程服务器项目,但是不能编辑,这是个只读文件,本地修改后ctrl+s保存后,这里的远程文件也会自动更新
VSCode本地代码同步服务器教程(已解决本地同步删除服务器端)_第7张图片

你可能感兴趣的:(vscode,服务器,ide)