在线vscode搭建

使用code-server 搭建：Install - code-server v4.5.1 docs

---

1. 准备一台有公网ip的服务器

下载：https://github.com/coder/code-server/releases 中找到适合自己机器的版本

ubuntu@VM-0-17-ubuntu:~$ dpkg --print-architecture
amd64
ubuntu@VM-0-17-ubuntu:~$ wget http://vps.liuyao.link/wid/network/downloadFile/aHR0cHM6Ly9naXRodWIuY29tL2NvZGVyL2NvZGUtc2VydmVyL3JlbGVhc2VzL2Rvd25sb2FkL3Y0LjUuMS9jb2RlLXNlcnZlcl80LjUuMV9hbWQ2NC5kZWI@/code-server_4.5.1_amd64.deb
--2022-07-23 17:01:11--  http://vps.liuyao.link/wid/network/downloadFile/aHR0cHM6Ly9naXRodWIuY29tL2NvZGVyL2NvZGUtc2VydmVyL3JlbGVhc2VzL2Rvd25sb2FkL3Y0LjUuMS9jb2RlLXNlcnZlcl80LjUuMV9hbWQ2NC5kZWI@/code-server_4.5.1_amd64.deb
Resolving vps.liuyao.link (vps.liuyao.link)... 144.34.187.149
Connecting to vps.liuyao.link (vps.liuyao.link)|144.34.187.149|:80... connected.
HTTP request sent, awaiting response... 200
Length: 132288352 (126M)
Saving to: ‘code-server_4.5.1_amd64.deb’

code-server_4.5.1_amd6  18%[====>                       ]  23.96M  6.73MB/s    eta 17s

2. 安装

sudo dpkg -i code-server_4.5.1_arm64.deb

3. 配置

没有则手动创建

ubuntu@VM-0-17-ubuntu:~$ cat ~/.config/code-server/config.yaml
bind-addr: 0.0.0.0:8080
auth: password
password: 登录密码
cert: false

4. 运行

code-server >vscode.log 2>&1 &

注：最好不要以root用户运行。网页客户端可以打开终端，以root运行会获得root权限

 5. 访问

ip:port -> 输入密码

6. 修改页面样式

# 进入目录
cd /usr/lib/code-server/
cd lib/vscode/out/vs/

sudo vi workbench/workbench.web.main.css
# ---------- 按需修改样式 ----------

sudo vi code/browser/workbench/workbench.html
# ----------- 找到如下一行 ---------
## <link data-name="vs/workbench/workbench.web.main" rel="stylesheet" href="{{WORKBENCH_WEB_BASE_URL}}/out/vs/workbench/workbench.web.main.css?v=1.0">
## 添加样式版本号
# ----------------------------------