vps交流
当前位置：嘟嘟社区 > bbs > 正文

[经验] 【教程】在线版VS Code搭建教程：Code-Server

2022-03-21 分类：bbs

为mu5735航班致哀，愿逝者安息

引流/原帖地址：https://pa.ci/182.html

Code-Server是微软开发的在线版VS Code，即基于浏览器的IDE。有一个浏览器即可在线编写代码和相关文档，最大的优点应该是让iPad也能成为“生产力工具”吧。此处示例使用Debian 11 amd64系统，非root账号，原生环境(而非docker)。官方要求有1G内存和2核CPU，推荐选项里面是2G内存和2核CPU，硬盘则是32G SSD。本处示例使用的是VPS，具体配置为：2G内存，2核CPU，30G SSD。

1. 安装Code-Server

微软官方在GitHub（https://github.com/coder/code-server/releases/）上提供了不同的安装包，不过我们不需要手动下载解包安装，因为提供了一键安装脚本：

  1. sudo apt install curl # 安装curl
  2. curl -fsSL https://code-server.dev/install.sh | sh #注意这里不是root用户
  3. sudo systemctl enable –now [email protected]$USER # 让Code-Server开机自启并后台运行，$USER改为你的当前用户。

复制代码

此时，在当前用户的配置文件中就生成了Code-Server的密码，具体位置为~/.config/code-server/config.yaml，大致内容如下：

  1. bind-addr: 127.0.0.1:8080 #内网地址
  2. auth: password # 登录方式为密码
  3. password: fb481f0197e8d9581684dcc4 # 密码
  4. cert: false # 不使用证书验证

复制代码

2. 设置SSL和Nginx反代

由于默认开放的是内网，所以还需要使用Nginx反代，考虑到安全性，使用了Let’s Encrypt的SSL证书实现全程https访问。

  1. sudo apt update # 更新一下
  2. sudo apt install -y nginx certbot python3-certbot-nginx # 安装nginx和Let’s Encrypt的certbot来安装ssl

复制代码

紧接着配置nginx的配置文件

  1. /etc/nginx/sites-available/ # 进入配置文件的目录
  2. sudo mv default code-server # 将默认配置文件名称改为code-server

复制代码

使用sudo权限来编辑code-server文件，内容如下：

  1. server {
  2.     listen 80;
  3.     listen [::]:80;
  4.     server_name code.domain.com; # 注意，code.domain.com是你自己的网址
  6.     location / {
  7.       proxy_pass http://localhost:8080/;
  8.       proxy_set_header Host $host;
  9.       proxy_set_header Upgrade $http_upgrade;
  10.       proxy_set_header Connection upgrade;
  11.       proxy_set_header Accept-Encoding gzip;
  12.     }
  13. }

复制代码

然后软链接一下nginx的配置文件，以及申请ssl证书

  1. sudo rm /etc/nginx/sites-enabled/default # 删除旧的软链接
  2. sudo ln -s /etc/nginx/sites-available/code-server /etc/nginx/sites-enabled/code-server # 新建软链接
  3. sudo certbot –non-interactive –redirect –agree-tos –nginx -d code.domain.com -m [email protected] # 要注意这里的code.domain.com为你的域名，[email protected]为你的邮箱

复制代码

至此，全部配置完成，理论上浏览器输入域名即可登录，但是推荐使用reboot命令重启系统，不然可能会遇到页面无法访问等问题（因为没有重启nginx）.

搭建完，安装了官方中文插件和适配Python、golang和rust，包括系统在内一共占用空间5G，还剩余23G可用空间。

[经验] 【教程】在线版VS Code搭建教程：Code-Server
本帖最后由 古藤君 于 2022-3-21 16:57 编辑

好巧，最近工作中需要研究这玩意。
相同的产品还有
Eclipse Theia
Eclipse Che 就比较重了，这个支持选用Jetbrain家的在线IDE

另一位大佬在语雀上总结的在线IDE
https://www.yuque.com/zhaomenghuan/theia/qg4u3m
大佬有docker吗？
厉害了，不知道干嘛用的

xuh 发表于 2022-3-21 16:48
大佬有docker吗？

有的.

地址是
https://hub.docker.com/r/linuxserver/code-server

古藤君 发表于 2022-3-21 16:56
好巧，最近工作中需要研究这玩意。
相同的产品还有
Eclipse Theia

这个不错，想不到支付宝小程序也有
再补充一个:

https://www.gitpod.io/

https://github.com/gitpod-io/openvscode-server
太繁重了，服务器配置不够，还是本地舒服，不卡
Theia
大厂用的更多。
微软各种遥测
标签：