使用 ECS服务器 和 vsCode 搭建远程开发站

简介: 不必为本地的设备性能限制,在云端随意倒弄不必要担心本地设备出问题

使用 ECS服务器 和 vsCode 搭建远程开发站

准备工作

  • 确保您已经购买了或拥有远程的服务端【学习用途使用 ECS共享型 n4 即可】

    购买:阿里的链接

  • 本地【指您平时使用的设备】安装了 Visual Studio Code

    下载:vs code 官网

SSH 连接测试

学习过 Linux 的应该对 SSH 很了解,使用在此不介绍 Linux 上的使用

在 Window 中打开 PowerShell 程序【此处不知道 PowerShell 可以百度一下,不做过多介绍】

  • 方法一:按住 Shift ,鼠标右键桌面
    image.png
  • 方法二:win+r, 输入 powershell, 回车进入

进入PowerShell 程序后,使用ssh登录ECS服务器

ssh -p 端口 username@host
# 说明:端口一般是 22;username 是指ECS服务器中系统用户;host 是ECS服务器的公网IP地址
# 回车后,会让输入密码【输密码是看不见的】

这是 ssh 的命令格式,ssh 是基本功不会的直接百度 ssh 用法

例子【登录主机地址为 48.106.214.25 的 root 用户】

ssh -p 22 root@48.106.214.25

设置 SSH 密钥对

进入 本地用户目录 的 .ssh 隐藏目录

使用指令

window: cd ~\.ssh
linux: cd ~/.ssh
  • 创建密钥对,指令
ssh-keygen -t rsa -C "tag" -f id_rsa
# 说明:-t 后面是加密形式;-C 后面是备注;-f 密钥名称
  • 配置 config 文件【在 .ssh 目录下,如果没有自己新建一个名字是 config 的文件】,下面配置格式
Host 名称【随意】
    HostName ECS服务器的公网IP地址
    User ECS服务器中系统用户
    Port 端口
    IdentityFile 密钥文件位置
# 例子
Host myhost
    HostName 48.106.214.25
    User root
    Port 22
    IdentityFile ~/.ssh/id_rsa
  • 将公钥【id_rsa.pub】发送到 ECS服务器中系统的用户

    • 方法一:使用 ssh-copy-id root@48.106.214.25;部分人可能没有 ssh-copy-id 程序
    • 方法二:将公钥文件发送到ECS服务器后登录ECS服务器,再使用命令 cat ./id_rsa.pub >> ~/.ssh/authorized_keys
  • 以上内容做为后测试 ssh 连接 使用 ssh myhost
ssh myhost
# 说明:myhost 是上面配置的,Host 配置项后面的内容

vsCode 设置

安装插件 Remote Development , 此插件是微软官方的请放心食用

image.png

提示:

  • 安装完插件后,全局禁用
  • 寻找一个目录【自己创建一个空文件夹】,假设此文件夹名称为 Test
  • 使用 vsCode 打开此目录 Test
  • 在目录中添加 .vscode 目录【此处目录名称固定】,此目录为存放工作区配置文件【官方设定】
  • 在拓展 Remote Development工作区中启用,在拓展包中只使用 Remote - SSH

    • Remote - Containers 是用于容器的
    • Remote - WSL 是用于 Windows 子系统的

    image.png

使用 vsCode 连接 ESC 服务器

  1. 点击远程资源管理器

    image.png

  2. 选择您已经适配的资源

    image.png

  3. 可能会出现此问题,点击拓展,找到对应拓展并选择在此工作区启用即可解决

    image.png

  4. 选择 ESC 服务器的系统类型

    image.png

  5. 打开文件,选择需求目录,点击确定

    image.png

  6. 完成

    image.png

您可以随意随意 vsCode 编辑远程云端内容

终端可以使用远程云端的Shell

点击终端【新建终端】,点击图中的内容切换终端

image.png

结果:
image.png

请自由感受快乐吧!o(*≧▽≦)ツ┏━┓

相关实践学习
2分钟自动化部署人生模拟器
本场景将带你借助云效流水线Flow实现人生模拟器小游戏的自动化部署
7天玩转云服务器
云服务器ECS(Elastic Compute Service)是一种弹性可伸缩的计算服务,可降低 IT 成本,提升运维效率。本课程手把手带你了解ECS、掌握基本操作、动手实操快照管理、镜像管理等。了解产品详情: https://www.aliyun.com/product/ecs
目录
相关文章
|
1月前
|
监控 Ubuntu Linux
使用VSCode通过SSH远程登录阿里云Linux服务器异常崩溃
通过 VSCode 的 Remote - SSH 插件远程连接阿里云 Ubuntu 22 服务器时,会因高 CPU 使用率导致连接断开。经排查发现,VSCode 连接根目录 ".." 时会频繁调用"rg"(ripgrep)进行文件搜索,导致 CPU 负载过高。解决方法是将连接目录改为"root"(或其他具体的路径),避免不必要的文件检索,从而恢复正常连接。
|
1月前
|
关系型数据库 API 数据库
后端开发的艺术:从零到一构建高效服务器
在数字化时代,后端开发是支撑现代互联网应用的基石。本文旨在探讨后端开发的核心概念、关键技术以及如何构建一个高效的服务器。我们将从基础的编程语言选择开始,逐步深入到数据库设计、API开发和性能优化等关键领域。通过实际案例分析,我们将揭示后端开发的复杂性和挑战性,同时提供实用的解决方案和最佳实践。无论你是初学者还是有经验的开发者,这篇文章都将为你提供宝贵的见解和启发。
|
2月前
|
前端开发 JavaScript 编译器
2024最新VSCode实用插件推荐,开发效率遥遥领先!超全面,快收藏~
【10月更文挑战第11天】2024最新VSCode实用插件推荐,开发效率遥遥领先!超全面,快收藏~
149 0
2024最新VSCode实用插件推荐,开发效率遥遥领先!超全面,快收藏~
|
2月前
|
网络安全 Docker 容器
VScode远程服务器之远程 远程容器 进行开发(五)
VScode远程服务器之远程 远程容器 进行开发(五)
40 1
|
2月前
|
IDE 开发工具
Vscode的远程开发之VScode优势(一)
Vscode的远程开发之VScode优势(一)
38 1
|
2月前
|
IDE 网络安全 开发工具
IDE之vscode:连接远程服务器代码(亲测OK),与pycharm链接服务器做对比(亲自使用过了),打开文件夹后切换文件夹。
本文介绍了如何使用VS Code通过Remote-SSH插件连接远程服务器进行代码开发,并与PyCharm进行了对比。作者认为VS Code在连接和配置多个服务器时更为简单,推荐使用VS Code。文章详细说明了VS Code的安装、远程插件安装、SSH配置文件编写、服务器连接以及如何在连接后切换文件夹。此外,还提供了使用密钥进行免密登录的方法和解决权限问题的步骤。
666 0
IDE之vscode:连接远程服务器代码(亲测OK),与pycharm链接服务器做对比(亲自使用过了),打开文件夹后切换文件夹。
|
2月前
|
NoSQL PHP Redis
布谷语音app源码服务器环境配置及技术开发语言
布谷语音app源码服务器环境配置及技术语言研发。。
|
2月前
|
Kubernetes 网络安全 容器
VScode远程服务器进行开发(三)
VScode远程服务器进行开发(三)
44 0
|
2月前
|
Linux 网络安全 Windows
VScode远程开发之remote 远程开发(二)
VScode远程开发之remote 远程开发(二)
33 0
|
2月前
|
Ubuntu Linux 数据安全/隐私保护
Ubuntu搭建vscode服务器
Ubuntu搭建vscode服务器