使用 Docker 部署 VS Code in The Browser

1)介绍

GitHub:https://github.com/coder/code-server

在日常学习工作中,Vscode 已成为我们首选的代码编辑器。然而,其局限性在于当我们从家到公司移动时,难以保持连续的编码体验。针对这一痛点,虽然市面上已有如 Visual Studio Codespaces、Cloudstudio 和 CloudIDE 等 在线编辑器(Web IDE)可供选择,但它们要么处于测试阶段,要么免费使用存在限制或价格较高,目前并非完美之选。因此,若想以较低成本实现连续、流畅的编码体验,此时自主搭建一个在线编辑器或许是个值得考虑的好方案。

Code-Server 是由 Coder 开发的,把 VS Code 搬到了浏览器上。
我们可以在任何地方的任何机器上运行 Code-Server 然后通过浏览器访问它。

2)特点

Code Server,作为一款开源代码编辑器,完美地将 Visual Studio Code 的强大功能融入到了 Web 浏览器中。它不仅具备基本的代码编辑、语法高亮、智能感知和自动补全等特性,更支持多人协作和远程开发,为开发者提供了前所未有的便捷体验。

这种能够在浏览器中运行的集成开发环境,通常被称为 Cloud IDE,而 Code Server 正是其中的佼佼者。无论是本地计算机还是云服务器,只需部署 Code Server,用户即可通过浏览器随时随地访问并使用其中的编辑器功能,无需额外安装本地编辑器。

Code Server 的这一特性极大地便利了远程开发、多人协作以及快速搭建开发环境等操作。此外,它还支持丰富的自定义插件和扩展,满足了不同用户的个性化需求,使得开发过程更加高效、灵活。

3)环境

3.1)安装 Docker 软件

# 高版本 Docker 安装
curl -fsSL https://get.docker.com/ | sh
# 关闭防火墙
systemctl disable --now firewalld
setenforce 0
# 启用 Docker
systemctl enable --now docker

3.2)检查 Docker 服务

systemctl status docker

3.3)开启 IPv4 forwarding

echo "net.ipv4.ip_forward=1" >> /etc/sysctl.conf
systemctl restart network
sysctl net.ipv4.ip_forward

4)部署

4.1)下载镜像

docker pull codercom/code-server:latest

4.2)创建目录

mkdir /docker/vscode -p && cd /docker/vscode

4.3)启用容器

docker run -d --name code-server -p 8000:8080 -e PASSWORD=123456 -v /docker/vscode/data:/root/.vscode-server codercom/code-server:latest

4.4)验证容器

docker ps -a

image.png

5)访问验证

使用浏览器访问 VS Code 前台 http://服务器IP地址:8000

填写我们启用容器时 配置的密码

image.png
image.png

5.1)更换主题

image.png

5.2)扩展商店

image.png

5.3)中文配置

安装简体中文语言包:@category:“language packs”

image.png

打开搜索框,输入:> configure display language

image.png

重启服务后生效

image.png
image.png

大功告成~

相关推荐

  1. 使用docker部署mongodb

    2024-05-12 16:40:03       61 阅读
  2. Docker使用部署流程

    2024-05-12 16:40:03       37 阅读
  3. 使用 Docker-Compose 部署 Kafka

    2024-05-12 16:40:03       33 阅读
  4. 使用Docker 部署jenkins 实现自动化部署

    2024-05-12 16:40:03       34 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-05-12 16:40:03       91 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-05-12 16:40:03       97 阅读
  3. 在Django里面运行非项目文件

    2024-05-12 16:40:03       78 阅读
  4. Python语言-面向对象

    2024-05-12 16:40:03       88 阅读

热门阅读

  1. 对Promise的理解

    2024-05-12 16:40:03       32 阅读
  2. 【C++】引用传递 & 常量引用

    2024-05-12 16:40:03       34 阅读
  3. 递归求fabonacci数列 pta

    2024-05-12 16:40:03       31 阅读
  4. python爱心代码高级

    2024-05-12 16:40:03       30 阅读
  5. MongoDB聚合运算符:$trunc

    2024-05-12 16:40:03       32 阅读
  6. Python从0到POC编写--模块(三)

    2024-05-12 16:40:03       31 阅读
  7. edge 的使用心得与深度搜索

    2024-05-12 16:40:03       23 阅读