code-server——浏览器中的VS Code编辑器

文章目录[隐藏]

介绍 code-server
安装

Github项目地址：https://github.com/coder/code-server

介绍 code-server

今天在一台闲置的上海地区服务器上部署了自己的code-server。这个程序相当于是把VS Code直接搬到网页上，所有的编辑以及编译、运行操作都在服务器上完成，故对客户端没有任何要求，只需能上网即可。

我使用的是VS Code的经典主题，相比于默认的亮白色主题，这个看起来更舒服一点，也能迎合之前使用VS Code 的习惯。

code-server 的安装条件要求不高，且支持几乎所有操作系统。

这里我使用的是Docker环境安装，最简单和便捷。

安装

以下我会简单介绍安装过程和需要避坑的点，供大家参考

1.安装Docker环境

这一点应该就不用我过多介绍了，网上的教程一抓一大把。我这里使用的是服务器自带的宝塔面板一键安装的。

2. 获取镜像

使用 Docker 命令获取镜像。可以在 Docker Hub 仓库直接获取安装指令

docker pull linuxserver/code-server

3. 配置compose模版

这一环节同样参考上面官网的配置教程，这里是官网提供的默认模版

---
version: "2.1"
services:
  code-server:
    image: lscr.io/linuxserver/code-server:latest
    container_name: code-server
    environment:
      - PUID=1000
      - PGID=1000
      - TZ=Etc/UTC
      - PASSWORD=password #这里配置你的登陆密码
      - HASHED_PASSWORD= #optional
      - SUDO_PASSWORD=password #这里配置你的管理员密码，后面安装程序会用到
      - SUDO_PASSWORD_HASH= #optional
      - PROXY_DOMAIN=code-server.my.domain #optional
      - DEFAULT_WORKSPACE=/config/workspace #optional
    volumes:
      - /path/to/appdata/config:/config
    ports:
      - 8443:8443 #这里配置你想要映射到机器上的端口
    restart: unless-stopped

使用此模版启动容器后，记得在安全组内开放对应的端口以保证正常访问。

4. 安装插件和语言包

code-server这个项目是基于 vs code 开源项目开发的，所以使用逻辑基本相同。

可以在插件面板安装需要的插件和语言包，有中文语言包提供。

我使用的是Python 和 C++ 开发环境，以下是我安装的插件，供大家参考

5. 配置运行环境

安装上方插件好后，进入终端，安装Python环境和gcc、g++环境

使用以下命令安装Python环境：

sudo apt install python3.10 #根据自己的需求选择Python版本号

一顿操作后，跟着页面上的要求选择Python解释器（系统会自动识别），之后就可以运行代码了。这里使用hello world测试下

如果不能运行，点击右边的Run File即可解决

接下来配置GCC和G++

sudo apt update
sudo apt install build-essential

安装完后，在终端内输入命令

gcc --version

如果程序能正常返回，即为安装成功。

如果安装过程中提示需要安装其他插件，跟着要求去插件商店安装就好了。

注：本文中只介绍了Python和C++的运行环境。由于程序本身是基于VS Code 开发的，如需要其他环境可以参考网上关于VS Code的使用教程。

匿名

Windows Chrome

4 月前

2024-11-19 11:29:32

博主，请问我有另外一个python镜像，需要引用那个里面的环境，不额外安装怎么办

Chris Li
博主
匿名

Macintosh Chrome

已编辑

4 月前
2024-11-20 3:20:39

Python镜像除了发行版之外还有额外的版本吗？如果你指的是Python中用到的第三方库，可以在命令行里pip install 来补全你需要的环境。
没有人会通过打包整个python镜像的方式来迁移环境的吧
Chris Li
博主
匿名

Macintosh Chrome

4 月前
2024-11-20 3:22:03

code-server代码编辑区下面有终端可以用，就是系统终端

korarian

Android Chrome

5 月前

2024-10-11 23:42:35

打扰一下博主，请问现在code server还能安装 pylance吗，现在的jedi 不好用－－

Chris Li
博主
korarian

Linux Firefox

5 月前
2024-10-16 9:41:35

我本人一直是用code server跑C和C++的，python学校提供了服务器所以不需要自己本地跑。不过我去网上找了很多文章感觉还是可以用的，你可以查阅下这个帖子，理论上vs code能用的code server都能用。
https://www.reddit.com/r/linux/comments/k0s8qw/vs_code_developers_prevent_running_the_new/

我本人一直是用code server跑C和C++的，python学校提供了服务器所以不需要自己本地跑。不过我去网上找了很多文章感觉还是可以用的，你可以查阅下这个帖子，理论上vs code能用的code server都能用。 <a href="https://www.reddit.com/r/linux/comments/k0s8qw/vs_code_developers_prevent_running_the_new/" rel="noopener" target="_blank">https://www.reddit.com/r/linux/comments/k0s8qw/vs_code_developers_prevent_running_the_new/</a>

发送评论编辑评论

匿名

Windows Chrome

4 月前
2024-11-19 11:29:32

博主，请问我有另外一个python镜像，需要引用那个里面的环境，不额外安装怎么办
- Chris Li
  博主
  匿名
  
  Macintosh Chrome
  
  已编辑
  
  4 月前
  2024-11-20 3:20:39
  
  Python镜像除了发行版之外还有额外的版本吗？如果你指的是Python中用到的第三方库，可以在命令行里pip install 来补全你需要的环境。
  没有人会通过打包整个python镜像的方式来迁移环境的吧
- Chris Li
  博主
  匿名
  
  Macintosh Chrome
  
  4 月前
  2024-11-20 3:22:03
  
  code-server代码编辑区下面有终端可以用，就是系统终端
korarian

Android Chrome

5 月前
2024-10-11 23:42:35

打扰一下博主，请问现在code server还能安装 pylance吗，现在的jedi 不好用－－
- Chris Li
  博主
  korarian
  
  Linux Firefox
  
  5 月前
  2024-10-16 9:41:35
  
  我本人一直是用code server跑C和C++的，python学校提供了服务器所以不需要自己本地跑。不过我去网上找了很多文章感觉还是可以用的，你可以查阅下这个帖子，理论上vs code能用的code server都能用。
  https://www.reddit.com/r/linux/comments/k0s8qw/vs_code_developers_prevent_running_the_new/
  
  我本人一直是用code server跑C和C++的，python学校提供了服务器所以不需要自己本地跑。不过我去网上找了很多文章感觉还是可以用的，你可以查阅下这个帖子，理论上vs code能用的code server都能用。 <a href="https://www.reddit.com/r/linux/comments/k0s8qw/vs_code_developers_prevent_running_the_new/" rel="noopener" target="_blank">https://www.reddit.com/r/linux/comments/k0s8qw/vs_code_developers_prevent_running_the_new/</a>