code server 服务端完整部署教程，轻松实现移动办公，平板手机也可在vs code上编程_vs code server

 前言：

        在服务器上搭建code server可以实现对vs code的远程使用，能够有效应对由于外出或是临时办公，电脑不在身边而无法编写代码的问题。当你成功搭建好code server后，只需在浏览器输入ip+端口号即可打开vs code的网页版本。（github上已经有vs code的网页版，而且code server并非官方出品，部分插件可能无法使用，所以搭建code server是纯纯浪费时间很有必要的。）

本人操作配置如下：

服务器：腾讯云服务器，2核4G

服务器系统：Ubuntu Server 22.04 LTS 64bit

PC系统：Windows 11

步骤一：在服务器上下载code server

方法一：进入你想要下载的目标文件夹，然后直接在服务器命令行输入一下指令：

方法二：本地下载+上传服务器

下载WinSCP

步骤二：解压文件

步骤三：修改配置文件

步骤四：启动code server

step1：开放端口

step2: 启动code server

step3: 利用tmux分离会话

安装tmux：

新建会话：

在该页面开启code-server:

然后，将当前会话分离。

tmux其他操作

结算画面：

参考文献：

---

    

步骤一：在服务器上下载code server

方法一：进入你想要下载的目标文件夹，然后直接在服务器命令行输入以下指令：

$ wget https://github.com/cdr/code-server/releases/download/v3.10.2/code-server-<version>-linux-amd64.tar.gz
 
//注意，此处的<version>需要替换为自己想要下载的code server的版本号，例如下载4.89.1版本时，可写
 
$ wget https://github.com/cdr/code-server/releases/download/v4.89.1/code-server-3.10.2-linux-amd64.tar.gz
 
 

注意：此方法尽量不要使用。github官网上的下载速度真的一言难尽（不到100MB的文件下了足足2个小时）。尽量选用其他方法。

方法二：本地下载+上传服务器

（免责声明：本人初始Linux系统，尚未熟悉文件操作，如果以下说法有错误或是有更好的方法请大佬指教。）

code server 在下载地址：

Releases · coder/code-server (github.com)

选则一个版本之后，下载“-linux-amd64.tar.gz”后缀的文件到你自己的电脑上（不是下载到服务器）。然后需要将该文件转移到服务器上，此处选用的是WinSCP软件。

下载WinSCP

网址如下：

WinSCP :: Official Site :: Free SFTP and FTP client for Windows

进入后直接下载即可，下载好之后需要你填写服务器的相关信息，如实填写就行，没什么可说的。

然后把你下载好的code server文件拉到服务器中。我选择的是移动到/home/ubuntu下。

步骤二：解压文件

进入到你下载安装包的目录下，然后输入以下指令：

$ tar -zxvf code-server-<version>-linux-amd64.tar.gz

其中version替换成版本号，例如还是以4.89.1为例：

$ tar -zxvf code-server-4.89.1-linux-amd64.tar.gz

即可解压。

步骤三：修改配置文件

输入指令：

$ vim ~/.config/code-server/config.yaml

打开配置信息文件。按i进入编辑模式，将内容替换如下：

bind-addr: 0.0.0.0:9999  # 9999是端口号，你也可以替换成其他的
auth: password
password: 648648   # 自定义密码，浏览器访问时用到，可以随便输
cert: false

按esc键，输入   :wq   即可保存并退出。

步骤四：启动code server

step1：开放端口

在启动之前，先开放code server所用到的端口。在服务器的防火墙页面放行9999端口（或者是你设置的其他端口）。点击添加规则，然后按图示数据填写即可。

此时还不保险。linux系统本身可能还不放行9999端口。（在这里栽跟头的次数略多）

先查看系统放行的端口：

$ sudo firewall-cmd --list-all

会出现以下内容：

如果你的ports中没有9999，那么需要输入以下指令：

$ sudo firewall-cmd --zone=public --add-port=9999/tcp --permanent

然后重启防火墙：

$ sudo firewall-cmd --reload

再次查看放行端口：

$ sudo firewall-cmd --list-all

此时就会显示9999端口了。

step2: 启动code server

先进入code server解压后的文件夹，我这里的文件结构和命令如下：

$ cd code-server-4.89.1-linux-amd64

然后输入以下内容：

$ ./bin/code-server

注意：此处的输入内容不唯一，需要视版本而定。核心是运行code-server文件，但是旧版的文件可能不在bin文件夹中，反正只要找到路径就好。

然后即可运行。界面如下：

此时在浏览器输入ip+端口号即可进入界面。例如输入： 88.22.33.44:9999  (冒号一定是英文状态下的)。

如果想要结束运行，直接在命令行ctr+c即可。

但是——这样做不让code-server一直运行下去，一旦关闭ssh连接，服务会自动终止。那么接下来，需要让该进程在后台自己运行。

step3: 利用tmux分离会话

安装tmux：

# Ubuntu 或 Debian
$ sudo apt-get install tmux
 
# CentOS 或 Fedora
$ sudo yum install tmux
 
# Mac
$ brew install tmux

新建会话：

$ tmux new -s <session-name>
 
#<session-name>替换为名字，随便取，例如：
 
$ tmux new -s code_server

在该页面开启code-server:

$ ./bin/code-server

示意图如上。该步骤与刚刚没什么区别。

然后，将当前会话分离。

也可以理解为在不结束该会话的同时退出会话：

按住ctr+b，再按d，即可。

当然，你也可以选择使用以下命令来分离，不过显然，code server正在运行，你没地方输入命令（捂脸）。

$ tmux detach

至此，哪怕是关闭ssh连接，code-server也能正常访问了。大功告成！

tmux其他操作

查看已建立的tmux会话：

$ ​​​​tmux ls

如果想再打开code-server所在的会话，可以试着与已有会话建立连接：

# 使用会话编号
$ tmux attach -t 0
 
# 使用会话名称
$ tmux attach -t <session-name>
 
#本教程中用的是会话名称

如果想要彻底关闭（杀死）连接，可：

# 使用会话编号
$ tmux kill-session -t 0
 
# 使用会话名称
$ tmux kill-session -t <session-name>

其他tmux教程，可以从附录中的相关文档进行查阅。

结算画面：

搞定！可以直接通过网页访问vscode，效率大大提高（maybe?）。

参考文献：

深入部署 code-server：详细步骤与全面配置解析_code-server 怎么在后台运行-CSDN博客

Tmux 使用教程 - 阮一峰的网络日志 (ruanyifeng.com)

浏览器上的IDE：code-server安装——服务器版的vscode_idea的code server-CSDN博客