使用 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(*≧▽≦)ツ┏━┓

相关实践学习
借助OSS搭建在线教育视频课程分享网站
本教程介绍如何基于云服务器ECS和对象存储OSS,搭建一个在线教育视频课程分享网站。
7天玩转云服务器
云服务器ECS(Elastic Compute Service)是一种弹性可伸缩的计算服务,可降低 IT 成本,提升运维效率。本课程手把手带你了解ECS、掌握基本操作、动手实操快照管理、镜像管理等。了解产品详情: https://www.aliyun.com/product/ecs
目录
相关文章
|
6天前
|
网络安全 Docker 容器
VScode远程服务器之远程 远程容器 进行开发(五)
VScode远程服务器之远程 远程容器 进行开发(五)
15 1
|
6天前
|
IDE 开发工具
Vscode的远程开发之VScode优势(一)
Vscode的远程开发之VScode优势(一)
11 1
|
7天前
|
IDE 网络安全 开发工具
IDE之vscode:连接远程服务器代码(亲测OK),与pycharm链接服务器做对比(亲自使用过了),打开文件夹后切换文件夹。
本文介绍了如何使用VS Code通过Remote-SSH插件连接远程服务器进行代码开发,并与PyCharm进行了对比。作者认为VS Code在连接和配置多个服务器时更为简单,推荐使用VS Code。文章详细说明了VS Code的安装、远程插件安装、SSH配置文件编写、服务器连接以及如何在连接后切换文件夹。此外,还提供了使用密钥进行免密登录的方法和解决权限问题的步骤。
84 0
IDE之vscode:连接远程服务器代码(亲测OK),与pycharm链接服务器做对比(亲自使用过了),打开文件夹后切换文件夹。
|
16天前
|
Java PHP
PHP作为广受青睐的服务器端脚本语言,在Web开发中占据重要地位。理解其垃圾回收机制有助于开发高效稳定的PHP应用。
【10月更文挑战第1天】PHP作为广受青睐的服务器端脚本语言,在Web开发中占据重要地位。其垃圾回收机制包括引用计数与循环垃圾回收,对提升应用性能和稳定性至关重要。本文通过具体案例分析,详细探讨PHP垃圾回收机制的工作原理,特别是如何解决循环引用问题。在PHP 8中,垃圾回收机制得到进一步优化,提高了效率和准确性。理解这些机制有助于开发高效稳定的PHP应用。
35 3
|
17天前
|
Linux C语言 C++
vsCode远程执行c和c++代码并操控linux服务器完整教程
这篇文章提供了一个完整的教程,介绍如何在Visual Studio Code中配置和使用插件来远程执行C和C++代码,并操控Linux服务器,包括安装VSCode、安装插件、配置插件、配置编译工具、升级glibc和编写代码进行调试的步骤。
59 0
vsCode远程执行c和c++代码并操控linux服务器完整教程
|
3天前
|
前端开发 JavaScript 编译器
2024最新VSCode实用插件推荐,开发效率遥遥领先!超全面,快收藏~
【10月更文挑战第10天】2024最新VSCode实用插件推荐,开发效率遥遥领先!超全面,快收藏~
11 0
|
6天前
|
Kubernetes 网络安全 容器
VScode远程服务器进行开发(三)
VScode远程服务器进行开发(三)
15 0
|
6天前
|
Linux 网络安全 Windows
VScode远程开发之remote 远程开发(二)
VScode远程开发之remote 远程开发(二)
14 0
|
15天前
|
Ubuntu Linux 数据安全/隐私保护
Ubuntu搭建vscode服务器
Ubuntu搭建vscode服务器
|
15天前
|
Web App开发 Ubuntu Linux
Ubuntu搭建vscode服务器
Ubuntu搭建vscode服务器