使用 code-server 搭建在线的 VS Code 编辑器

devtools/2024/10/20 4:51:19/

文章目录

  • 前言
  • 安装体验
  • 后记

前言

VS Code 是一个非常流行的代码编辑器,安装各种拓展下也可以当作全功能的IDE使用。VS Code本身是基于Web方案构建的,完全可以搭建服务器,然后通过浏览器访问。事实上官方就是这么设计的。现在打开任何一个GitHub项目,然后按下键盘上的 . 就可以基于浏览器的VS Code 编辑器打开该项目。

这篇文章将体验使用 code-server 搭建在线的 VS Code 编辑器

Run VS Code on any machine anywhere and access it in the browser.

官方文档: https://coder.com/docs/code-server/latest
项目地址: https://github.com/coder/code-server

安装体验

安装 code-server 最低的要求如下:

Linux machine with WebSockets enabled, 1 GB RAM, and 2 vCPUs

我这里是在amd64架构上的Ubuntu22.04系统进行安装的,如果是其它配置可能还需要注意一些别的细节,可以参考官方文档进行处理。如果按照缓慢的话,也可以参考官方文档,手动下载安装包后再进行安装。

使用下面脚本可以一键安装:

curl -fsSL https://code-server.dev/install.sh | sh

不过我这里上面方式安装太慢了,所以直接从项目地址发布中下载了 code-server_4.23.0_amd64.deb 包进行安装:

# 安装
sudo dpkg -i code-server_4.23.0_amd64.deb
# 启动
sudo systemctl enable --now code-server@$USER# 启动后就可以查看默认的配置了
cat ~/.config/code-server/config.yaml# 使用编辑器修改配置
# bind-addr: 0.0.0.0:24041 # 0.0.0.0表示在所有网口上工作
# auth: password
# password: 123456 # 登录密码
# cert: false# 重启服务以加载配置
sudo systemctl restart code-server@$USER

然后就可以通过浏览器进行访问了:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
可以看到和本地版本的 VS Code 基本没啥差别。同时也可以看到访问是通过本地的浏览器进行的,但是开发环境是在远程的服务器上的。

我这里只是在局域网中访问,如果有公网IP或者是在公网的服务器中搭建的话那就可以在各处访问了,如果需要增加安全性,可以设置HTTPS,具体操作可以参考官方文档。

后记

code-server 对于一般的代码开发来说挺不错的,可以在任何有浏览器的平台上,比如手机或者平板上面开发,而且开发环境和性能都集中于服务器,一定程度上实现了随处编程的可能性(24小时在线打工人)。


http://www.ppmy.cn/devtools/6738.html

相关文章

带头循环双向链表专题

1. 双向链表的结构 带头链表⾥的头节点,实际为“哨兵位”,哨兵位节点不存储任何有效元素,只是站在这⾥“放哨 的” “哨兵位”存在的意义: 遍历循环链表避免死循环。 2. 双向链表的实现 2.1双向链表结构 typedef int DataTyp…

Spring Cloud Gateway面试题

Spring Cloud Gateway面试题 1. Spring Cloud Gateway基本概念1.1 什么是Spring Cloud Gateway?1.2 Spring Cloud Gateway和Zuul有什么区别?1.3 Spring Cloud Gateway的核心组件有哪些?1.4 为何需要使用API网关? 2. 路由和过滤器2…

二维码门楼牌管理应用平台建设:网格化管理的新篇章

文章目录 前言一、二维码门楼牌管理应用平台的建设背景二、二维码门楼牌管理应用平台的功能特点三、二维码门楼牌管理应用平台的实际应用四、二维码门楼牌管理应用平台的前景展望 前言 随着信息技术的飞速发展,二维码门楼牌管理应用平台的建设已成为城市网格化管理…

winform入门篇 第13章 菜单栏

菜单栏 本章内容 菜单栏 工具栏 右键菜单 重点是右键菜单的实现。 菜单栏 MenuStrip,支持可视化编辑 添加 MenuStrip 添加菜单、菜单项、分隔线给菜单项设置属性 —Name 字段名,Text 文本显示,Image:图标 给菜单项添加事件处理(双击即可) 1.添加菜单…

Docker容器逃逸-特权模式-危险挂载-Procfs

Docker容器逃逸-特权模式-危险挂载 Docker这个概念: Docker 容器与虚拟机类似,但二者在原理上不同,容器是将操作系统层虚拟化,虚拟机则是虚拟化硬件,因此容器更具有便携性、高效地利用服务器。 ‍ Docker会遇到的安…

LeetCode刷题总结 | 图论2—深度优先搜索广度优先搜索较为复杂应用

深搜广搜的标准模版在图论1已经整理过了,也整理了几个标准的套模板的题目,这一小节整理一下较为复杂的DFS&BFS应用类问题。 417 太平洋大西洋水流问题(medium) 有一个 m n 的矩形岛屿,与 太平洋 和 大西洋 相邻…

从OWASP API Security TOP 10谈API安全

1.前言 应用程序编程接口(API)是当今应用驱动世界创新的一个基本元素。从银行、零售、运输到物联网、 自动驾驶汽车、智慧城市,API 是现代移动、SaaS 和 web 应用程序的重要组成部分,可以在面向客 户、面向合作伙伴和内部的应用程…

2024-4-17-ARM作业

温湿度数据采集应用: si7006.h: #ifndef __SI7006_H__ #define __SI7006_H__#include"i2c.h" void delay(int ms); void si7006_init(); short si7006_read_tem(); unsigned short si7006_read_hum();#endif i2c.h: #ifndef __I2C_H__ #define __I2C_…