[网页版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吧！

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

发表回复