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

 前言:

        在服务器上搭建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博客

  • 59
    点赞
  • 36
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值