对于开发人员来说，Visual Studio Code（VSCode）是一个强大的开发工具。通过VSCode的远程开发功能，我们可以直接在本地机器上编辑和调试远程服务器上的代码，大大提高了开发效率。下面，我将以傻瓜式的方式教你如何连接VSCode到远程服务器。
如何在远程服务器上进行编码呢？vscode！当然，还有很多其他选择，例如sublime、ultraedit等等，这里我们用非常流行的vscode来连接ubuntu服务器做讲解！
1、下载vscode
下载vscode自行安装。
Visual Studio Code(代码编辑器) v1.96.2 64位 中文免费绿色版
- 类型：编译工具
- 大小：140MB
- 语言：简体中文
- 时间：2024-12-23
2、安装ssh插件
根据你的操作系统选择对应的版本进行下载和安装。安装完成之后，启动vscode，选择左侧Extensions 选项卡，在输入框搜索 remote ，选择安装Remote-SSH插件。
安装完成之后会在左侧新增一个选项卡Remote Explorer，如下图所示：
3、添加服务器连接配置
点击该选项卡，会进入SSH TARGETS的添加，如下图所示：
点击添加按钮，输入远程服务器的地址，账号和ip根据自己的情况进行修改，如下图所示：
保存之后，会将刚才的连接信息存储在 C:\Users\chaxun\.ssh\config 中。
此时就可以在SSH TARGETS中看到添加的远程服务器地址了：
4、连接服务器
右键选择远程服务器，点击Connect to Host in Current Window:
如果远程服务器能够连接成功，此时会需要你输入密码：
上一页12 下一页 阅读全文
5、基本操作
例如我点击Open Folder，这里就会让你选择打开的文件目录：
点击ok按钮打开 /home/zhaxun 之后，会需要再次输入密码：
如果以上步骤都成功了，那么就会在文件选项卡中看到远程服务器目录下的所有文件了：
此时，你就可以像操作本地文件一样进行文件的增删改查等操作啦！
删除文件，重命名等操作可以在右键菜单中找到：
当然了，你也可以在terminal中使用shell命令进行操作！
如果下次还想打开远程服务器怎么办？这些信息都会存储在Remote Explorer中，如下图所示，此时只需要右键再次打开即可！
至此，咱们vscode连接远程服务器的详细过程就讲解到这！
注意事项：
针对部分人反馈ssh连接不上，比如提示没有可写入的pipe，建议排查以下信息：
1、服务端的ssh端口是否开放，端口一般为22
2、服务端是否开启了ssh-server，大部分的linux镜像都会默认安装开启，但是有部分镜像是不带的，需要自己手动安装一下
通过上述步骤，你应该已经成功地将VSCode连接到远程服务器了。现在，你可以随时随地编辑和调试远程服务器上的代码，享受远程开发的便利。希望这篇傻瓜式的教学文章能帮助你快速上手VSCode的远程开发功能。
上一页 1 2下一页阅读全文
对于开发人员来说，Visual Studio Code（VSCode）是一个强大的开发工具。通过VSCode的远程开发功能，我们可以直接在本地机器上编辑和调试远程服务器上的代码，大大提高了开发效率。下面，我将以傻瓜式的方式教你如何连接VSCode到远程服务器。
如何在远程服务器上进行编码呢？vscode！当然，还有很多其他选择，例如sublime、ultraedit等等，这里我们用非常流行的vscode来连接ubuntu服务器做讲解！
1、下载vscode
下载vscode自行安装。
Visual Studio Code(代码编辑器) v1.96.2 64位 中文免费绿色版
- 类型：编译工具
- 大小：140MB
- 语言：简体中文
- 时间：2024-12-23
2、安装ssh插件
根据你的操作系统选择对应的版本进行下载和安装。安装完成之后，启动vscode，选择左侧Extensions 选项卡，在输入框搜索 remote ，选择安装Remote-SSH插件。
安装完成之后会在左侧新增一个选项卡Remote Explorer，如下图所示：
3、添加服务器连接配置
点击该选项卡，会进入SSH TARGETS的添加，如下图所示：
点击添加按钮，输入远程服务器的地址，账号和ip根据自己的情况进行修改，如下图所示：
保存之后，会将刚才的连接信息存储在 C:\Users\chaxun\.ssh\config 中。
此时就可以在SSH TARGETS中看到添加的远程服务器地址了：
4、连接服务器
右键选择远程服务器，点击Connect to Host in Current Window:
如果远程服务器能够连接成功，此时会需要你输入密码：
5、基本操作
例如我点击Open Folder，这里就会让你选择打开的文件目录：
点击ok按钮打开 /home/zhaxun 之后，会需要再次输入密码：
如果以上步骤都成功了，那么就会在文件选项卡中看到远程服务器目录下的所有文件了：
此时，你就可以像操作本地文件一样进行文件的增删改查等操作啦！
删除文件，重命名等操作可以在右键菜单中找到：
当然了，你也可以在terminal中使用shell命令进行操作！
如果下次还想打开远程服务器怎么办？这些信息都会存储在Remote Explorer中，如下图所示，此时只需要右键再次打开即可！
至此，咱们vscode连接远程服务器的详细过程就讲解到这！
注意事项：
- 确保你的远程服务器允许SSH连接。
- 如果连接失败，检查你的SSH配置和防火墙设置。
- 在远程服务器上工作时，要注意数据安全，不要泄露敏感信息。
针对部分人反馈ssh连接不上，比如提示没有可写入的pipe，建议排查以下信息：
1、服务端的ssh端口是否开放，端口一般为22
2、服务端是否开启了ssh-server，大部分的linux镜像都会默认安装开启，但是有部分镜像是不带的，需要自己手动安装一下
通过上述步骤，你应该已经成功地将VSCode连接到远程服务器了。现在，你可以随时随地编辑和调试远程服务器上的代码，享受远程开发的便利。希望这篇傻瓜式的教学文章能帮助你快速上手VSCode的远程开发功能。
