手把手教你使用vscode连接远程服务器

1. 前言

在开发过程中,需要经常连接远程服务器进行一些操作。本文将介绍如何使用vscode连接远程服务器,方便我们进行代码编写和调试。

2. 安装和配置vscode插件

2.1 安装插件

首先我们需要安装Remote Development插件,它能够方便我们连接到远程服务器。打开vscode,点击扩展,搜索Remote Development并安装它。

在vscode中:Ctrl + Shift + X         // 打开"扩展"的视图

搜索Remote Development // 找到Remote Development扩展并安装

2.2 配置插件

在插件安装完成后,我们需要进行一些配置才能连接到我们的远程服务器。

2.2.1 连接远程服务器

首先,打开vscode,点击左侧底部的Remote Explorer(如下图),选择“+”然后选择“Add Connection...” 。

下面是这一步操作截图,仅供参考:

在弹出的选项中,我们可以选择连接远程SSH、容器、WSL、GitHub Codespaces等,这里我们选择SSH,输入服务器IP和登录账户,然后点击连接按钮。

下面是连接步骤截图,仅供参考:

连接时可能会弹出一个提示窗口,输入登录密码或密钥即可,连接成功后,我们就可以进入到远程服务器中进行开发工作。

2.2.2 打开文件夹

连接到服务器后,我们需要打开一个文件夹才能进行编辑,点击左上角的“Open Folder”按钮,选择一个文件夹即可。

下面是打开文件夹的截图,仅供参考:

3. 使用vscode远程服务器进行开发

安装好插件并连接到远程服务器后,我们就可以在远程服务器上使用vscode进行开发了。我们可以在Remote Explorer中看到连接的服务器和文件夹,右键单击文件夹,选择“Open in Folder”,在vscode中进行编辑。

使用vscode远程服务器进行开发和本地开发区别不大,只需要在远程服务器上编辑代码即可。编辑完成后,我们可以在终端中使用相关命令将代码部署到远程服务器上。

下面是在vscode中使用终端的截图,仅供参考:

4. 总结

本文介绍了如何使用vscode连接远程服务器,并实现在远程服务器上进行开发。这样可以方便我们在各种设备上编辑和部署代码,同时也加强了我们的代码安全性。