[网页版VS Code] code-server部署指南

首先感谢Github上伟人@Codercdr 的伟大项目code-server。他让vscode在服务器web端上发光发热,使”code anywhere”成为可能

这里是x86-64 linux平台上的一般部署方法,有关安卓手机上的部署,请参看另一篇文章

系统要求:Ubuntu或Debian都行,实装、服务器或虚拟机无所谓;

Web配置:Nginx + nodejs + npm/yarn ,其中nodejs+npm是code-server的运行依赖,Nginx作code-server的端口转发。

网络要求:只要对github和apt源有稳定和比较快的连接就行。但需要注意code-server成功部署后的公网访问的安全性,因为vscode本身的终端就可以接管整个系统,暴露给公网安全性不能保障,我也不负责...

下面正式开始

1.先安装一些依赖和必备的工具

sudo apt install curl wget vim clang gcc python -y

2.安装nodejs

执行以下两行命令(其实两个系统差别不大),从nodesource源上下载安装最新的lts版nodejs,不翻墙的话可能有点慢

# Ubuntu系统:
curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
sudo apt-get install -y nodejs

# Debian系统,以root执行:
curl -sL https://deb.nodesource.com/setup_12.x | bash -
apt-get install -y nodejs
3.安装yarn

sudo npm install -g yarn

4.正式安装code-server

这里推荐最简单的安装方法,其他的方法可以自己去项目github上看。

curl -fsSL https://code-server.dev/install.sh | sh

5.配置code-server

code-server

显示以下信息且不报错后,按Ctrl+C结束进程。

万一报错了,可能是安装完后code-server立即就运行了,直接看下面编辑配置文件就行了,配置完再重启。

编辑配置文件,修改监听端口和密码

vim ~/.config/code-server/config.yaml

i进入编辑模式,参考我的注释进行编辑

bind-addr: 127.0.0.1:8080    ##code-server服务器绑定的IP和端口,注意这个code-server只允许本地连接,因此建议把8080修改成其他端口例如2333,然后用Nginx反向代理
auth: password
password: 你的验证密码    ##这里输入你要为code-server设置的访问密码
cert: false    ##保持false,这个是自签证书,几乎所有的浏览器都不认这个

配置完后以后台方式运行服务器就行了

code-server &

6.安装配置Nginx反向代理
##给还没安装nginx的同学看这个,否则直接跳过这里即可
##安装Nginx
apt install nginx -y

##移除默认网站配置
rm /etc/nginx/sites-enabled/default

开始为code-server配置反代:

vim /etc/nginx/sites-available/code-server

i进入编辑模式输入以下内容

server {
       ##外网访问端口
       listen 8080;
       ##服务器域名,在没有域名、只在局域网内访问的情况下,就填_就行了
       server_name _;

       ##地址,如果需要重定向请自己配置,这里直接以根目录开始
       location / {
        ##本地code-server的端口
        proxy_pass http://localhost:2333/;
        ##必要的头设置
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection upgrade;
        proxy_set_header Accept-Encoding gzip;
        }
}

wq保存退出,链接至sites-enabled使配置文件生效

ln -s /etc/nginx/sites-available/code-server /etc/nginx/sites-enabled/

重新载入nginx配置即可

nginx -s reload

接下来访问http://主机IP地址:8080输入密码进入网页版vscode开始code anywhere吧!

(要中文直接装中文语言包扩展就行了…

发表评论

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