【新人必会】远程开发可视化 - VSCode篇

简介: 【新人必会】远程开发可视化 - VSCode篇

你是否有远程开发的经历或需求?
你是否不知道怎样进行远程开发?
你是否对黑洞洞的终端窗口进行远程开发感到无趣?
你是否对vim等终端写代码感到十分吃力?

如果你有以上问题,那就来对了,本文将教你如何用 VSCode 来写远程代码。让你拥有远程的编码界面!

0. 背景

       工作中经常会遇到远程开发的情况,尤其是服务端方向的开发。

       远程开发最常用的方式是通过SSH登录远程机器,然后在终端窗口中通过vi或vim等编写、修改、运行代码。

       而黑洞洞的终端命令行窗口,和陌生的vim语法,需要自己进行众多的函数查找和跳转等复杂配置...... 这些对于刚入行的同学来说会非常难受。

1. VSCode远程环境搭建

  • 第一步:安装VSCode插件,Remote - SSH

  • 第二步:修改配置, ctrl + shift +p快捷键打开下面的输入框,输入“remote-”,找到红框中的“open ssh config....”,点击

  • 第三步:选择".ssh\config" 文件打开

  • 第四步:修改config文件中内容,主要是填写 Host,HostName, User,注意格式和缩进。

  • 第五步:VSCode 通过SSH链接远程服务,点击左下角图标,选择"Connect to Host......"

第六步:选择远程服务上的文件夹,打开,然后就可以在本地vscode中编辑内容了。


从今天开始,持续学习,开始搞事情。欢迎关注,围观!

相关文章
|
24天前
|
开发框架 .NET C#
VSCode开发.net项目时调试无效
【9月更文挑战第22天】在使用 VSCode 开发 .NET 项目时遇到调试问题,可从项目配置、调试配置、调试器安装、运行环境、日志和错误信息等方面排查。确认项目类型及文件配置,检查 `launch.json` 文件及配置项,确保调试器扩展已安装并启用,验证 .NET 运行时版本和环境变量,查看 VSCode 输出窗口和项目日志文件,检查权限及代码错误。若问题仍未解决,可查阅官方文档或社区论坛。
|
1月前
开发小技巧vscode
开发小技巧vscode
37 2
|
4月前
|
C# 图形学 C++
使用vscode开发C#+unity没有代码提示问题
使用vscode开发C#+unity没有代码提示问题
62 0
使用vscode开发C#+unity没有代码提示问题
|
3月前
|
JSON 小程序 数据格式
uni-app 使用vscode开发uni-app
uni-app 使用vscode开发uni-app
190 0
|
3月前
|
JSON 数据格式
3. 使用 VsCode 开发 uni-app 项目需要使用到的插件
3. 使用 VsCode 开发 uni-app 项目需要使用到的插件
90 0
|
5月前
|
API 开发工具 C++
【专栏:工具与技巧篇】使用代码编辑器(VS Code/Sublime Text)提升开发效率
【4月更文挑战第30天】在VS Code与Sublime Text两大流行代码编辑器中,开发者可借助其高效特性提升编程效率。VS Code拥有丰富的插件生态、内置Git集成、强大的调试工具、智能提示和多文件导航功能。Sublime Text则以其轻量级、快速响应、多光标编辑及自定义构建系统见长。学习编辑器的键盘快捷键、自定义配置、使用内置终端以及键绑定和宏,将助开发者进一步提高开发效率。选择适合自己的编辑器并不断适应新技术是提升开发工作流的关键。
288 1
|
5月前
|
存储 Shell 网络安全
【vscode】在本地加载远端环境并开发
【vscode】在本地加载远端环境并开发
245 0
|
2月前
|
iOS开发 MacOS
【Mac系统】解决Vscode中LeetCode插件不能刷剑指offer题库
文章讨论了解决Mac系统中Vscode里LeetCode插件无法刷剑指Offer题库的问题,并提供了一些相关的使用技巧和资源链接。
157 1
|
2月前
|
前端开发 Go
vscode10大常用插件
本文介绍了前端开发中常用的工具及VSCode必备插件。推荐使用VSCode作为入门工具,并介绍了WebStorm和HBuilder等其他选项。VSCode插件包括:Open-In-Browser、live-server、Beautify、Code Runner、Image Preview、Path Intellisense、Turbo Console Log、css-auto-prefix、Bracket Pair Colorizer 和 Auto Rename Tag,这些插件能够显著提升开发效率和代码质量。此外,还提供了录制Gif图的工具GifCam。
89 5
vscode10大常用插件