云端开发新体验:用 code-server 在浏览器里玩转 VSCode

6,604 阅读2分钟

code-server简介

code-server 是一个轻量级的 Web 应用程序,它允许你在浏览器中运行 Visual Studio Code。它基于 VSCode,但通过一个名为 code-server 的程序在服务器端运行,从而可以在任何可以访问 Web 的设备上使用 VSCode 的功能。

特点

  • 浏览器访问:无需在本地安装任何东西,只需一个现代浏览器即可访问完整的 VSCode 功能集。
  • 远程开发:可以在远程服务器上运行 code-server,通过网络连接到你的开发环境,非常适合远程工作或团队协作。
  • 轻便部署:安装简单,可以通过 npm 或 Docker 快速部署。
  • 安全可靠:支持 HTTPS 和认证机制,保护你的开发环境免受未授权访问。
  • 扩展支持:兼容 VSCode 插件市场中的大部分扩展,可以根据需要安装和使用。

使用场景

  • 远程开发:在远程服务器上开发代码,无需担心本地环境配置。
  • 教育和培训:提供一致的编程环境给学生或参与者。
  • 团队协作:共享开发环境,方便多人协作。
  • 便携式开发:无论在哪台计算机上,只要有浏览器就可以访问你的开发环境。

如何使用

  • 安装:可以通过 npm 安装 code-server,也可以使用 Docker 镜像来部署,本文使用docker来部署。
  • 启动服务:运行 code-server 命令启动服务,默认会在本地监听一个端口。
  • 访问:通过提供的 URL 地址,在浏览器中打开 VSCode 界面。
  • 配置:可以通过命令行参数或配置文件来调整设置,如启用 HTTPS、设置密码等。 code-server 是一个非常适合现代远程工作和开发流程的工具,尤其是对于那些经常需要在不同设备间切换或者希望简化开发环境配置流程的开发者来说,它提供了一个便捷的解决方案。

安装

sudo docker run -d  --name code-server -p 8092:8080 -e PASSWORD=123 codercom/code-server:latest

访问

http://192.168.0.100:8092/

体验

image.png 小结: code-server 是一个非常适合现代远程工作和开发流程的工具,尤其是对于那些经常需要在不同设备间切换或者希望简化开发环境配置流程的开发者来说,它提供了一个便捷的解决方案。