【新人必会】远程开发可视化 - 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中编辑内容了。


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

相关文章
|
自然语言处理 API C++
阿里通义推出SmartVscode插件,自然语言控制VS Code,轻松开发应用,核心技术开源!
SmartVscode插件深度解析:自然语言控制VS Code的革命性工具及其开源框架App-Controller
1878 1
阿里通义推出SmartVscode插件,自然语言控制VS Code,轻松开发应用,核心技术开源!
|
10月前
|
人工智能 开发工具 C++
利用通义灵码AI在VS Code中快速开发扫雷游戏:Qwen2.5-Max模型的应用实例
本文介绍了如何利用阿里云通义灵码AI程序员的Qwen2.5-Max模型,在VS Code中一键生成扫雷小游戏。通过安装通义灵码插件并配置模型,输入指令即可自动生成包含游戏逻辑与UI设计的Python代码。生成的游戏支持难度选择,运行稳定无Bug。实践表明,AI工具显著提升开发效率,但人机协作仍是未来趋势。建议开发者积极拥抱新技术,同时不断提升自身技能以适应行业发展需求。
22732 18
利用通义灵码AI在VS Code中快速开发扫雷游戏:Qwen2.5-Max模型的应用实例
|
9月前
|
JavaScript 前端开发 程序员
甚至用不了五分钟就能学会vscode插件开发
本文介绍了VSCode插件的开发流程,从创建项目到最终发布。首先通过安装`yo`和`generator-code`脚手架工具初始化项目,选择JavaScript语言配置基础信息。接着,在`extension.js`中实现业务逻辑,例如将中文“变量”替换为“var”。通过F5进入调试模式验证功能。完成后使用`vsce`工具进行打包,解决可能遇到的版本不兼容或README文档问题。最后生成`.vsix`文件,可通过VSCode的“从VSIX安装”加载插件,实现开发闭环。进一步可将插件发布至官方市场供更多开发者使用。
|
12月前
|
JavaScript 前端开发 jenkins
抛弃node和vscode,如何用记事本开发出一个完整的vue前端项目
本文探讨了在不依赖Node和VSCode的情况下,仅使用记事本和浏览器开发一个完整的Vue3前端项目的方法。通过CDN引入Vue、Vue Router、Element-UI等库,直接编写HTML文件实现页面功能,展示了前端开发的本质是生成HTML。虽然日常开发离不开现代工具,但掌握这种基础方法有助于快速实现想法或应对特殊环境限制。文章还介绍了如何用Node简单部署HTML文件到服务器,提供了一种高效、轻量的开发思路。
298 10
|
开发工具 C++ git
利用VS Code提升开发效率的五大插件推荐
本文推荐了五款能显著提升开发效率的VS Code插件:ESLint用于代码质量和风格检查;Prettier自动格式化代码;GitLens增强Git功能;Live Server提供前端实时预览;Docker支持容器管理。
|
网络安全 Docker 容器
VScode远程服务器之远程 远程容器 进行开发(五)
VScode远程服务器之远程 远程容器 进行开发(五)
468 1
|
前端开发 JavaScript 编译器
2024最新VSCode实用插件推荐,开发效率遥遥领先!超全面,快收藏~
【10月更文挑战第11天】2024最新VSCode实用插件推荐,开发效率遥遥领先!超全面,快收藏~
2711 0
2024最新VSCode实用插件推荐,开发效率遥遥领先!超全面,快收藏~
|
IDE 开发工具
Vscode的远程开发之VScode优势(一)
Vscode的远程开发之VScode优势(一)
299 1
|
Kubernetes 网络安全 容器
VScode远程服务器进行开发(三)
VScode远程服务器进行开发(三)
368 0
|
Linux 网络安全 Windows
VScode远程开发之remote 远程开发(二)
VScode远程开发之remote 远程开发(二)
189 0