分类
使用笔记 技术相关

Code Server 配置

ubuntu默认源中的yarn版本太旧,使用会报错,所以要先安装新版本的 yarn :

apt remove cmdtest // 移除旧的 yarn

// 添加新的yarn
curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list

apt update
apt install yarn

yarn --version

然后用yarn安装code server

apt-get install -y \
  build-essential \
  pkg-config \
  python3
npm config set python python3

yarn global add code-server

这样安装需要花费点时间,快点的方法是在Github下载编译好的压缩文件,解压就能使用

安装或者完成后,配置一个systemd服务来运行code server

创建 /lib/systemd/system/code-server.service 文件,添加如下内容

[Unit]
Description=code-server
After=nginx.service

[Service]
Type=simple
Environment=PASSWORD=your_password
ExecStart=/usr/bin/code-server --bind-addr 127.0.0.1:8080 --user-data-dir /var/lib/code-server --auth password
Restart=always

[Install]
WantedBy=multi-user.target

注意其中的 ExecStart=/usr/bin/code-server …,code-server执行文件的位置,如果是用yarn安装,则命令位置是 /usr/local/bin/code-server,可以使用 where code-server 命令来查看。

» where code-server
/usr/local/bin/code-server

创建好 –user-data-dir 目录

mkdir /var/lib/code-server

Environment=PASSWORD= 改成你要设置的密码

然后配置Nginx反向代理到code server的端口 8080,同时配置好SSL证书

server {
    listen 28080 ssl;
    server_name zuoridangnian.com;

     ssl_certificate /etc/letsencrypt/live/zuoridangnian.com/fullchain.pem;
     ssl_certificate_key /etc/letsencrypt/live/zuoridangnian.com/privkey.pem;

    location / {
      proxy_pass http://localhost:8080/;
      proxy_set_header Upgrade $http_upgrade;
      proxy_set_header Connection upgrade;
      proxy_set_header Accept-Encoding gzip;
    }
}

我这里因为网站用的Apache,所以用Nginx配置的是28080端口,然后打开 https://zuoridangnian.com:28080(记得端口要放行,ufw allow 28080),输入密码就可以进入在线IDE了

然后VS CODE怎么用,这个就怎么用就行了(VSCODE我没怎么用过,现在需要学习一下了),我之前都是本地编辑项目,然后用git同步到VPS,现在可以直接在网页上编辑,方便不少

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注