发表 admin at 2025年2月28日

类别

未分类

标签

如何在 Ubuntu 18.04 LTS 上安装 Visual Studio Code - 服务器 IDE

本教程适用于这些操作系统版本

Ubuntu 20.04（Focal Fossa）
Ubuntu 18.04（仿生海狸）

在此页

第 1 步 - 添加用户并下载代码服务器二进制文件
第 2 步 - 将代码服务器设置为系统服务
第 3 步 - 生成 SSL Letsencrypt
第 4 步 - 将 Nginx 设置为反向代理
第 5 步 - 测试
参考资料

代码服务器是一个 Visual Studio (VS) 代码，可以在服务器上远程运行，并且可以通过 Web 浏览器访问。它允许您创建并拥有一个可以随时随地访问的一致的开发环境。

在本教程中，我们将向您展示如何在最新的 Ubuntu 18.04 服务器上安装带有 Nginx 作为反向代理和 SSL Letsencrypt 的代码服务器。

先决条件

对于本指南，我们将在具有 3GB RAM、25GB 可用磁盘空间和 2 个 CPU 的 Ubuntu 18.04 服务器上安装代码服务器。

我们将要做什么：

添加用户并下载代码服务器二进制文件
将代码服务器设置为系统服务
生成 SSL Letsencrypt
将 Nginx 设置为代码服务器的反向代理
测试

第 1 步 - 添加用户并下载代码服务器二进制文件

首先，我们将添加一个新用户并从 GitHub 下载代码服务器二进制文件。

使用以下命令添加新的用户代码。

useradd -m -s /bin/bash code
passwd code

现在以代码用户身份登录并下载代码服务器二进制文件。

su - code
wget https://github.com/cdr/code-server/releases/download/2.1692-vsc1.39.2/code-server2.1692-vsc1.39.2-linux-x86_64.tar.gz

提取代码服务器并将目录重命名为 bin。

tar -xf code-server2.1692-vsc1.39.2-linux-x86_64.tar.gz
mv code-server2.1692-vsc1.39.2-linux-x86_64/ bin/

现在将代码服务器制作为可执行二进制文件。

chmod +x ~/bin/code-server

并创建一个新的数据目录用于存储用户数据。

mkdir -p ~/data

现在您已经创建了一个新的用户代码并将代码服务器二进制文件下载到用户代码的主目录中。

第 2 步 - 将代码服务器设置为系统服务

在此步骤中，我们将设置代码服务器作为系统服务运行。

代码服务器服务将在用户代码下运行，默认端口为 8080 并启用密码验证。

转到 /etc/systemd/system 目录并使用 vim 编辑器创建一个新的服务文件 code-server.service。

cd /etc/systemd/system/
vim code-server.service

使用您自己的密码更改环境选项并将配置粘贴到其中。

[Unit]
Description=code-server
After=nginx.service

[Service]
User=code
WorkingDirectory=/home/code
Environment=PASSWORD=hakasevscodeserv
ExecStart=/home/code/bin/code-server --host 127.0.0.1 --user-data-dir /home/code/data --auth password
Restart=always

[Install]
WantedBy=multi-user.target

保存并关闭。

现在重新加载系统管理器。

systemctl daemon-reload

之后，启动代码服务器服务并使用以下命令将其添加到系统引导中。

systemctl start code-server
systemctl enable code-server

现在检查代码服务器服务。

netstat -plntu
systemctl status code-server

并且代码服务器服务在默认端口 8080 上启动并运行。

因此，您已将代码服务器设置为作为系统服务运行。

第 3 步 - 生成 SSL Letsencrypt

在此步骤中，我们将使用 certbot 工具生成 SSL letsencrypt 以保护代码服务器。

使用下面的 apt 命令安装 certbot 工具。

sudo apt install certbot -y

安装完成后，使用下面的 certbot 命令生成 SSL letsencrypt。

certbot certonly --standalone --agree-tos -m  -d vscode.hakase-labs.io

完成后，您的证书将位于 /etc/letsencrypt/live/vscode.hakase-labs.io/ 目录中。

ls -lah /etc/letsencrypt/live/vscode.hakase-labs.io/

现在您已经生成了 SSL Letsencrypt，用于使用 certbot 工具保护代码服务器安装。

第 4 步 - 将 Nginx 设置为反向代理

在此步骤中，我们将安装 Nginx Web 服务器并将其设置为代码服务器的反向代理，并在其上启用 SSL。

使用下面的 apt 命令安装 Nginx 包。

sudo apt install nginx -y

安装完成后，进入/etc/nginx/sites-available目录，新建一个虚拟主机配置code-server。

cd /etc/nginx/sites-available/
vim code-server

现在用你自己的更改SSL的域名和路径并将配置粘贴到其中。

server {
 listen 80;
 server_name vscode.hakase-labs.io;
 # enforce https
 return 301 https://$server_name:443$request_uri;
}

server {
 listen 443 ssl http2;
 server_name vscode.hakase-labs.io;

 ssl_certificate /etc/letsencrypt/live/vscode.hakase-labs.io/fullchain.pem;
 ssl_certificate_key /etc/letsencrypt/live/vscode.hakase-labs.io/privkey.pem;

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

保存并关闭。

现在激活代码服务器虚拟主机，测试nginx配置并确保没有错误。

ln -s /etc/nginx/sites-available/code-server /etc/nginx/sites-enabled/
nginx -t

之后重启nginx服务，加入系统引导。

systemctl restart nginx
systemctl enable nginx

现在 Nginx 服务已启动并作为代码服务器的反向代理运行。使用下面的命令检查它。

netstat -plntu
systemctl status nginx

你会得到如下结果。

Nginx 服务在 Ubuntu 18.04 服务器上启动并运行，并在其上启用了 HTTP 和 HTTPS 端口。

第 5 步 - 测试

打开您的 Web 浏览器并输入您的代码服务器安装的 URL。

https://vscode.hakase-labs.io/

使用您在代码服务器服务文件中配置的密码登录。

密码正确后，您将在网络浏览器上获得 VS Code 编辑器，如下所示。

因此，您已经在 Ubuntu 18.04 服务器上安装了代码服务器，使用 Nginx 作为反向代理并使用 SSL Letsencrypt 保护代码服务器安装。

参考

https://github.com/cdr/code-server