#### 1. 前言 --- 当我们需要修改远程服务器上的项目时,通常我们有以下几种方式 1. 如果安装了宝塔面板,直接在宝塔面板中打开文件,修改文件 2. 在本地使用 ftp 软件连接远程服务器,先将文件拉取下来,修改完后将文件上传到服务器上 3. 对于 git 项目,可以在本地拉取代码并部署起来,在本地修改完后提交到远程仓库,线上服务器使用 git pull 拉取代码 4. 使用 ssh 连接服务器,直接修改服务器上的文件,正是本文介绍的方式 补充: macOS 自带的命令行终端可以直接使用 ssh 连接远程服务器,windows 则不行 ``` ssh 用户名@公网IP ``` ![](https://img.itqaq.com/art/content/52df9464c1f74d7532d420362d7f73a5.png) #### 2. 安装插件 --- 安装插件: [Remote - SSH](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh "Remote - SSH") ,这是 Microsoft 官方的一个插件,支持 VSCode 直接使用 ssh 连接远程服务器修改代码 插件安装后,在编辑器的左侧会多出一个远程资源管理器的一个图标 ![](https://img.itqaq.com/art/content/c2445d2ce171e41b3d680ce690ee03ca.png) #### 3.连接远程服务器 --- 添加远程连接 ``` # windows ssh://用户:密码@公网IP:端口 ssh://root:123456@129.211.189.111:22 # macOS ssh 用户@公网IP [-A] ssh root@129.211.189.111 [-A] ``` ![](https://img.itqaq.com/art/content/ccb74008291c466e2a8b119b46621947.png) 选择远程连接配置信息保存位置,推荐保存在当前用户目录下 ![](https://img.itqaq.com/art/content/050b9a927a5d3ba5d51a7445ec22196c.png) 在新窗口打开远程服务器上的文件夹 ![](https://img.itqaq.com/art/content/51606291fbe61802b2dfbad85d1c824e.png) 打开项目文件夹 ![](https://img.itqaq.com/art/content/e8f459bf39a46cd3faf135ceab21035f.png) 然后就可以直接修改服务器上的文件了 ![](https://img.itqaq.com/art/content/eb7fbd3234239c480d4ffd5b6f7203df.png)