云端部署code-server

code-server下载地址

GitHub - coder/code-server: VS Code in the browser

操作环境

本文配置环境为 : aliyun ECS + Debian 11.5

准备工作

Xftp、阿里云ECS云服务器、code-server最新软件安装压缩包

开始

1.用VNC连接云服务器，更新软件

阿里云官网

阿里云-计算，为了无法计算的价值 (aliyun.com)

登录阿里云-控制台-资源中心-云服务器ECS-实例

①如果你没有设置过VNC密码

点击你的实例，进入详情页面，选择修改远程连接（VNC）密码，设置一下即可

②如果你已经设置好了VNC密码

在实例页面，点击远程连接，选择通过VNC远程连接，输入密码连接即可进入操作终端

输入以下指令，更新软件

sudo apt update
sudo apt upgrade

2.用Xftp连接上传下载好的code-server压缩包

①下载Xftp

XFTP - NetSarang Website (xshell.com)

②连接并上传压缩包（假设存放地址为/home/ecs-user/）

3.返回VNC终端页面

#下载常用软件
sudo apt install gcc g++ gdb git make vim screen
#cd到压缩包地址
cd /home/ecs-user/
#解压并重命名(为了方便)
tar -zxvf code-server-4.11.0-linux-amd64.tar.gz
mv code-server-4.11.0-linux-amd64/ code_server
#cd到code-server安装目录
cd code-server
#初始运行code-server
bin/code-server
#停止Ctrl+c

#为避免默认 IP 限制问题，编辑 config 文件，然后再打开访问
vim ~/.config/code-server/config.yaml
#bind-addr:后面的部分改成0.0.0.0:8080(端口号可设置任意未占用的)
#password:后面的部分改成你将设置的密码

4.进入云服务器管理页面，放行8080端口

放行端口

登陆阿里云，控制台-资源中心-云服务器ECS-安全组，选择你的实例，入方向，手动添加要放行的端口，端口范围：8080，授权对象：0.0.0.0（代表对所有ip放行），描述：一个备注，任意

5.保活后台打开code-server

利用screen的后台特性，创建新窗口打开code-server，然后返回主窗口，我们依旧返回VNC终端页面

#创建新的会话
screen -S new_session
#cd到code-server安装目录
cd /home/ecs-user/code_server
#将密码添加至环境变量
export PASSWORD="your password"
#以参数形式打开code-server
##port代表运行的端口号
##host代表能访问的ip地址，设置为0.0.0.0即不设限制
##auth代表访问方式，参数为password，即用密码访问
bin/code-server --port 8080 --host 0.0.0.0 --auth password
#Ctrl+A+D返回主窗口

菜鸟教程-screen命令

Linux screen命令 | 菜鸟教程 (runoob.com)

screen-基本操作

#创建一个screen终端
screen -S session_name
#返回上一个screen终端
screen -r
#显示现有的screen终端
screen -ls
#Ctrl+A+D返回主窗口

Ubuntu服务开机、自启动、禁止等相关指令

systemctl is-enabled servicename.service #查询服务是否开机启动
systemctl enable *.service    #开机运行服务
systemctl disable *.service    #取消开机运行
systemctl start *.service    #启动服务
systemctl stop *.service    #停止服务
systemctl restart *.service    #重启服务
systemctl reload *.service    #重新加载服务配置文件
systemctl status *.service    #查询服务运行状态

6.尝试连接code-server

<ECS 公网地址>:<你的端口号>

7.设置文件夹权限

在你的主目录下创建一个文件夹作为你存VSCode代码的文件夹,并设置修改权限

#cd到主目录
cd ~
#创建一个文件夹，名为VSCode
mkdir VSCode
#给予权限
sudo chmod 777 VSCode

8.(可选)利用sftp做到本地与云端同步

以上步骤完成后，打开本地PC上的VScode,安装SFTP扩展，Ctrl+Shift+P打开命令行输入

SFTP:config

在打开你的配置文件中填写你的服务器公网地址host、用户名username、密码password、共享文件夹地址remotepath，配置如下。

#SFTP:config
{
    "name": "<随便起个名字，也可以不变>",
    "host": "<你的公网地址>",
    "protocol": "sftp",
    "port": 22,
    "username": "<你的用户名>",
    "password": "<你的密码>",
    "remotePath": "<你创建的共享文件夹路径>例如：/home/ecs-user/VSCode/",
    "uploadOnSave": false,
    "useTempFile": false,
    "openSsh": false,
    "syncMode": "update",
    "ignore": [            
        "**/.vscode/**",
        "**/.git/**",
        "**/.DS_Store"
        ]
}

修改完后，在code-server文件界面处任意处右键可以在右键菜单中看到sftp的拓展菜单

Sync Remote—>Local #云端同步到本地

Sync Local—>Remote #本地同步到云端

注意：云端的code-server不需要下载SFTP