MacOS VSCode 配置远程服务器ssh remote链接,并上传文件文件服务器
作者:mmseoamin日期:2023-12-14

环境:

MacOS & VSCode & ssh remote

1. VSCode安装插件

MacOS VSCode 配置远程服务器ssh remote链接,并上传文件文件服务器,第1张

MacOS VSCode 配置远程服务器ssh remote链接,并上传文件文件服务器,第2张

2. 配置ssh remote链接

MacOS VSCode 配置远程服务器ssh remote链接,并上传文件文件服务器,第3张

MacOS VSCode 配置远程服务器ssh remote链接,并上传文件文件服务器,第4张

Host 10.128.200.101
  HostName 10.128.200.101
  User root
  ForwardAgent yes
  IdentityFile ~/.ssh/id_rsa  # 服务器免密登录本地秘钥文件路径

配置完保存;

3. 在ssh remote可以查看到配置好的远程连接

MacOS VSCode 配置远程服务器ssh remote链接,并上传文件文件服务器,第5张

右侧两个一个是在当前窗口打开远程链接,一个是在新窗口打开远程连接,选择一个即可,我倾向于选择一个新窗口。

MacOS VSCode 配置远程服务器ssh remote链接,并上传文件文件服务器,第6张

此时,如果远程文件夹是新创建的话,此处显示的应该也是空文件夹。反之,也会有对应的内容。

4. 当本地已经有个项目,需要同步传输到服务器,首先在VSCode打开该文件,并配置sftp

输入快捷键:Shift + Command + P

搜索框输入:SFTP: Config

如下:

MacOS VSCode 配置远程服务器ssh remote链接,并上传文件文件服务器,第7张

进入sftp配置界面:

MacOS VSCode 配置远程服务器ssh remote链接,并上传文件文件服务器,第8张

{
    "name": "your name",
    "host": "10.128.200.101",
    "protocol": "sftp",
    "port": 22,
    "username": "root",
    "remotePath": "/***/your path",
    "privateKeyPath": "~/.ssh/id_rsa",  # 免密登录本地秘钥文件
    "uploadOnSave": false,
    "useTempFile": false,
    "openSsh": false
}

配置完成后,本地文件窗口目录内,会有sftp相关文件

MacOS VSCode 配置远程服务器ssh remote链接,并上传文件文件服务器,第9张

5. 此时,就可以在本地文件窗口内,右键 -> Upload Folder上传文件夹,或者上传文件。

6. 本地窗口上传之后,在远程窗口内,应该可以正常看到已经上传上去。

MacOS VSCode 配置远程服务器ssh remote链接,并上传文件文件服务器,第10张

之后可以在此窗口对远程服务器的项目文件随意操作。

7. 注意,6中的操作都是在远程服务器的变动,不会对本地文件同步。所以,建议远程操作完成测试后,及时同步到本地。此时,可以在5中本地项目的窗口,选中相应需要同步的文件夹或文件,右键,选择Download,把远程服务器更新后的文件下载到本地目录。