服务器部署 code-server

效果预览

记录实际操作中的一些坑,下面放上项目地址,感兴趣的小伙伴请阅读官方文档

项目地址

https://github.com/coder/code-server

操作环境

本文配置环境为 : aliyun ECS + Centos 8.2

开始上手

安装

使用远程工具(推荐 XShell ,有免费的家庭和学生版)链接服务器后,有以下两种方式装载所需包

  1. 命令下载并解压进入解压后文件内
wget https://github.com/cdr/code-server/releases/download/v4.0.1/code-server-4.0.1-linux-amd64.tar.gz 
# 解压
tar -xvf code-server-4.0.1-linux-amd64.tar.gz  

# 进入解压后的目录中
cd  code-server-4.0.1-linux-amd64/   
  1. 下载到本地再上传至服务器

修改默认 IP

为避免默认 IP 限制问题,我们直接编辑 config 文件,然后再打开访问

# 进入文件中
vim ~/.config/code-server/config.yaml 

按键盘 i 键进入编辑模式,修改完后按键盘 Esc 键,输入指令 :wq 保存退出

因为默认是只能给 ip 127.0.0.1 端口 8080 访问的,但是我们大部分的电脑没有固定的 ip ,所以我们设置为 0.0.0.0(端口可修改,修改前请在服务器安全组中放行自定义端口,系统防火墙中同样需要放行),让所有的 ip 都能访问到

密码可以在此处修改也可以按下方步骤操作,但注意不要加特殊字符,例如:@,启动会报错

设置密码

添加密码到环境变量

export PASSWORD="your password"

启动服务

启动服务前请确保当前目录在解压后的文件夹内,执行如下指令

bin/code-server

浏览器中输入公网 IP ,测试是否可以正常访问

输入刚才设置的密码,就能进入 云上 IDE 啦

添加后台进程

我们现在使用的是链接工具,输入启动命令的方式来运行 code-sesrver ,那我们要是想实现随时随地都能链接到服务的目的,必须让它保持后台进程,这里推荐使用 tmux

使用包管理器安装

# Ubuntu 、 Debian
sudo apt-get install tmux

# CentOS 、 Fedora
sudo yum install tmux

创建新会话

tmux new -s vscode_online

在该会话中执行 code-server 启动命令

bin/code-server --port 8080 --host 0.0.0.0 --auth password

这样服务就能常驻后台,随时可以访问到了,使用以下命令用于查看/关闭服务

# 接入会话
tmux a -t vscode_online

# 结束会话
tmux kill-session -t vscode_online

优化提升

  • 主要就是为服务绑定域名,添加证书,比较容易,请移步文末参考资料处
  • 不足:目前是 端口号+域名 访问,未配置 反向代理,后续补充

参考资料:

  1. code-server部署
  2. Tmux 使用教程
  3. 搭建网页版VSCode(code-server)
  • 3
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

攻城狮杰森

感谢支持,杰森会继续努力哒

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值