Linux 服务器搭建 Web 版 VSCode

下载

打开 https://github.com/cdr/code-server/releases，选择一个版本下载，我选择的是 linux-amd-64.tar.gz 版，这是 64 位 Linux 的通用版。

我的 Linux 版本是 CentOS 7。

我下载的是 tar.gz 的压缩包，可以复制下载地址，使用 wget 或 curl下载。

wget 下载：

wget https://github.com/cdr/code-server/releases/download/3.4.1/code-server-3.4.1-linux-amd64.tar.gz

解压压缩包：

tar xf code-server-3.4.1-linux-amd64.tar.gz

进入解压后的目录：

cd code-server-3.4.1-linux-amd64

运行

./code-server

修改配置文件

第一次运行可能会在 用户目录/.config/code-server下生成一个 config.yaml的配置文件。

使用 root 用户登录运行的话，配置文件就在：

/root/.config/code-server/config.yaml

使用 ctrl + c 先关闭 VSCode 服务，然后打开配置文件，配置文件的内容大致如下：

bind-addr: 127.0.0.1:8080
auth: password
password: 123456
cert: false

如果你的 VSCode 部署在远程的云服务器上的话，可以把 127.0.0.1 改成你的域名或服务器 IP。密码在使用浏览器访问的时候会用到，建议更改。

如果你的服务器还启用了防火墙的话，别忘了打开端口，CentOS 打开端口可以看 CentOS 开放、关闭和查看端口。

配置完成后进入 VSCode 的目录，运行 code-server：

./code-server

现在可以在浏览器中输入你配置的域名和端口.

网页版和远程开发差不多，操作的是你服务器上的文件。如果你的服务器上有编译器或运行环境的话，基本可以实现在浏览器中编写和运行代码。

VSCode网页版 安装插件,并选择语言

安装一个中文插件chinese
安装完成后按 ctrl + shift + p 打开命令面板，输入config，选择 Configure Display Language，然后选择zh-CN。选择完成后会询问是否重启编辑器，选择 ReStart 重启编辑器。

编辑器重载完成后就可以看到中文了。

后台运行

如果直接使用 ./code-server 启动的话，在关闭终端后 VSCode 服务也会关闭。

可以使用 nohup 来设置后台运行：

nohup ./code-server &

选项

在使用 ./code-server 启动 VSCode 服务的时候可以包含一些选项，格式如下：

./code-server --options

输入：

./code-server --help

可以查看选项说明。

下面是选项说明：

Usage: code-server [options] [path]

Options
      --auth                The type of authentication to use. [password, none]
      --password            The password for password authentication (can only be passed in via $PASSWORD or the config file).
      --cert                Path to certificate. Generated if no path is provided.
      --cert-key            Path to certificate key when using non-generated cert.
      --disable-telemetry   Disable telemetry.
   -h --help                Show this output.
      --open                Open in browser on startup. Does not work remotely.
      --bind-addr           Address to bind to in host:port. You can also use $PORT to override the port.
      --config              Path to yaml config file. Every flag maps directly to a key in the config file.
      --socket              Path to a socket (bind-addr will be ignored).
   -v --version             Display version information.
      --user-data-dir       Path to the user data directory.
      --extensions-dir      Path to the extensions directory.
      --list-extensions     List installed VS Code extensions.
      --force               Avoid prompts when installing VS Code extensions.
      --install-extension   Install or update a VS Code extension by id or vsix.
      --uninstall-extension Uninstall a VS Code extension by id.
      --show-versions       Show VS Code extension versions.
      --proxy-domain        Domain used for proxying ports.
 -vvv --verbose             Enable verbose logging.

以上就是在 Linux 搭建 VSCode 服务的过程。