乐趣区

关于ide:有了这个-45-万-Star-的工具可在浏览器中运行最强编辑器-VS-Code

【导语】:一个让你能在浏览器中运行 VS Code 的工具。

简介

code-server 是一个基于 VS Code 的在线编辑器,在任何中央的任何机器上运行 VS Code 并在浏览器中拜访它,实现任何设施通过浏览器即可拜访 VS Code,进而实现近程在线开发。

它的亮点是:

  • 为用户提供了统一的代码开发环境;
  • 基于服务器减速测试、编译、下载;
  • 缩短个人电脑的电池寿命,将密集型工作转移到服务器上运行;

官网倡议服务器至多要有 1 GB 内存和 2 核。

我的项目地址是:

https://github.com/cdr/code-s…

下载安装

脚本装置

官网提供了一个脚本来为 Linux、macOS 和 FreeBSD 装置 code-server。

  • 首先尝试打印装置过程中的具体内容,这个过程不会进行装置:
curl -fsSL https://code-server.dev/install.sh | sh -s -- --dry-run
  • 真正装置:
curl -fsSL https://code-server.dev/install.sh | sh

独立装置

官网提供了独立的压缩安装文件,下载对应服务器的版本,解压缩即可应用。

// 实现后拜访 http://127.0.0.1:8080,明码保留在 ~/.config/code-server/config.yaml 配置文件中
mkdir -p ~/.local/lib ~/.local/bin
curl -fL https://github.com/cdr/code-server/releases/download/v$VERSION/code-server-$VERSION-linux-amd64.tar.gz \
  | tar -C ~/.local/lib -xz
mv ~/.local/lib/code-server-$VERSION-linux-amd64 ~/.local/lib/code-server-$VERSION
ln -s ~/.local/lib/code-server-$VERSION/bin/code-server ~/.local/bin/code-server
PATH="~/.local/bin:$PATH"
code-server
# Your password is in 

Docker 装置

# 这将启动一个 code-server 容器并通过 http://127.0.0.1:8080 拜访
mkdir -p ~/.config
docker run -it --name code-server -p 127.0.0.1:8080:8080 \
  -v "$HOME/.config:/home/coder/.config" \
  -v "$PWD:/home/coder/project" \
  -u "$(id -u):$(id -g)" \
  -e "DOCKER_USER=$USER" \
  codercom/code-server:latest

拜访配置

官网强烈建议不要在公网裸露不须要认证或加密的 code-server,在默认状况下,code-server 会应用明码验证,明码从配置文件(~/.config/code-server/config.yaml)中获取。它只监听 localhost 的申请以防止将本人裸露进来。如果想从不同的中央平安地应用 code-server,则能够采纳以下办法。

SSH 转发

官网举荐这种办法,因为不须要任何额定的设置,只须要在近程机器上有一个 SSH 服务。毛病是无奈在没有 SSH 客户端的设施上拜访,如 iPad。

  • 首先,通过 ssh 进入实例并编辑 code-server 配置文件以禁用明码身份验证:
# 将“auth: password”替换为“auth: none”sed -i.bak 's/auth: password/auth: none/' ~/.config/code-server/config.yaml
  • 重启:
sudo systemctl restart code-server@$USER
  • 本地计算机运行以下命令,将本地端口 8080 转发到近程实例:
# -N disables executing a remote shell
ssh -N -L 8080:127.0.0.1:8080 [user]@<instance-ip>

当初就能够在本地计算机通过 http://127.0.0.1:8080 拜访 code-server

应用 Let’s Encrypt

  1. 首先须要购买一个域名,举荐 Google Domains
  2. 将 code-server 实例 IP 与域名绑定
  3. 装置 nginx:
sudo apt update
sudo apt install -y nginx certbot python3-certbot-nginx
  1. 将以下内容放到 /etc/nginx/sites-available/code-server 文件中:
server {
    listen 80;
    listen [::]:80;
    server_name mydomain.com;

    location / {
      proxy_pass http://localhost:8080/;
      proxy_set_header Host $host;
      proxy_set_header Upgrade $http_upgrade;
      proxy_set_header Connection upgrade;
      proxy_set_header Accept-Encoding gzip;
    }
}

mydomain.com 是你应用的域名。

  1. 启用配置
sudo ln -s ../sites-available/code-server /etc/nginx/sites-enabled/code-server
sudo certbot --non-interactive --redirect --agree-tos --nginx -d mydomain.com -m me@example.com

其中 me@example.com 应用你本人理论的电子邮件。拜访 https://your-domain-name 即可拜访 code-server。

\6. 以上 3 到 5 可应用 Caddy 代替,具体阐明参考官网。

应用自签名证书

倡议将次作为最初的伎俩,因为自签名证书不实用与 iPad,并可能导致其余奇怪的问题。

首先 ssh 进入 code-server 服务器并编辑配置文件以应用随机生成的自签名证书:

# Replaces "cert: false" with "cert: true" in the code-server config.
sed -i.bak 's/cert: false/cert: true/' ~/.config/code-server/config.yaml
# Replaces "bind-addr: 127.0.0.1:8080" with "bind-addr: 0.0.0.0:443" in the code-server config.
sed -i.bak 's/bind-addr: 127.0.0.1:8080/bind-addr: 0.0.0.0:443/' ~/.config/code-server/config.yaml
# Allows code-server to listen on port 443.
sudo setcap cap_net_bind_service=+ep /usr/lib/code-server/lib/node

重启:

sudo systemctl restart code-server@$USER

FAQ

应用 code-server 时会遇到一些问题。比方与 VS Code 的差别?如何禁用遥测?如何调试代码服务器?这些问题都能够在官网 FAQ 文档中找到:

https://github.com/cdr/code-server/blob/main/docs/FAQ.md#how-should-i-expose-code-server-to-the-internet

开源前哨 日常分享热门、乏味和实用的开源我的项目。参加保护 10 万 + Star 的开源技术资源库,包含:Python、Java、C/C++、Go、JS、CSS、Node.js、PHP、.NET 等。

退出移动版