code-server是vs-code运行在服务器上一种基于web网页端的代码编辑器,它的可扩展插件非常之广,可用于python,c/c++,jave,shell,html,css等主流语言,非常强大

下面来讲解如何在基于Linux下服务器上部署code-server

先查看效果动画:

一、docker部署

如果你的服务器安装了docker程序,直接执行下列命令:

# docker执行
docker run -it -p 127.0.0.1:8080:8080 -v "$PWD:/home/coder/project" codercom/code-server

但是docker运行,可能运行有点慢,影响体验,下面介绍二进制代码直接运行,提高运行速度

二、二进制代码部署

1、获取code-server的可执行代码

官网链接:https://github.com/cdr/code-server/releases

# 在Linux下用wget命令直接后台下载
wget -bc -t 20 https://github.com/cdr/code-server/releases/download/3.2.0/code-server-3.2.0-linux-x86_64.tar.gz

GitHub在国外,下载非常慢,本地缓存极大提高下载速度

本地下载:code-server

# 在Linux下用wget命令直接后台下载
wget -bc -t 20 https://www.ivdone.top/wordpress/pic/p662/code-server-3.2.0-linux-x86_64.tar.gz

2、解压

# 用tar命令解压
tar -zxvf code-server-3.2.0-linux-x86_64.tar.gz
# 进入该目录
cd code-server-3.2.0-linux-x86_64/

3、设置web登录密码

# 编辑 ~/.bashrc文件
vi ~/.bashrc
# 在该文件的末端导出环境变量,xxxxxx为你自己设置的登录密码,保存
export PASSWORD="xxxxxx"
# 更新环境变量
source ~/.bashrc

4、运行

# 检查端口是否被占用,注意Linux防火墙要开放该端口
lsof -i:8080
# 前台运行,使能了登录密码
./code-server --host 0.0.0.0 --port 8080 --auth password
# 后台运行
nohup ./code-server --host 0.0.0.0 --port 8080 --auth password &

查看程序端口是否监听:

# 查看程序网络监听状态
netstat -nlp | grep 8080

效果:

5、配置nginx

如机器没有安装Nginx,请移步我的博客链接->Linux安装Nginx教程

其中”xxx”根据自己需求来配置

http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile      on;
    server {
        listen       80;
        server_name  192.168.8.160;

        proxy_set_header X-Forwarded-For $remote_addr;
        location / {
            index  index.html index.htm;
        }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
        # vs-code 
        location /xxx { # Or / if hosting at the root.
              rewrite ^/xxx/(.*)$ /$1 break;
              proxy_pass http://127.0.0.1:8080/;
              #proxy_redirect off;
              proxy_set_header Host $host;
              proxy_set_header Upgrade $http_upgrade;
              proxy_set_header Connection upgrade;
              proxy_set_header Accept-Encoding gzip;
        }
    }
}

重启nginx:

# 重启
nginx -s reload 

6、测试

访问方式:http://ip/xxx/

成功界面:


恭喜你完成部署,请尽情享受吧!!

3+
Posted in 系统

Leave a Comment:

电子邮件地址不会被公开。

  1. hellcat

    谢谢博主 实测可以

    0

    回复

    1. 花梓

      感谢支持!

      0

      回复

  2. zintown

    您好,nginx是必须要装吗,我没有装然后输入域名:端口发现打不开网页,应该怎么解决呐?

    0

    回复

    1. 花梓

      装Nginx主要为了能使用网页端口,这样就不需要在浏览器中输入端口,不装的话,也能打开, 你这个考虑端口是否在系统防火墙中开放,如果是云服务商,比如阿里云,华为云,要考虑安全组是否开放8080端口。

      0

      回复