官方文档

GIthub官方文档:https://github.com/cdr/code-server

原理基础

code-server是一款基于VScode的在线编辑器,主要用于在Linux服务器环境下,实现任何设备通过浏览器即可访问VScode, 进而实现在Linux下使用IDE

下载资源

以当前最新的发行版本为例：
https://github.com/cdr/code-server/releases/tag/v3.10.2
该链接进入后,直接选择release下载最新版本的code-server.
可以在windows下使用下载器下载，再传到Linux虚拟机上。也可以使用如下命令直接下载到虚拟机上：

wget https://github.com/cdr/code-server/releases/download/v3.10.2/code-server-3.10.2-linux-amd64.tar.gz

之后，我们使用 tar 工具解压下载得到的压缩包，之后进入解压好的文件目录中：

tar -xvf code-server-3.10.2-linux-amd64.tar.gz 
cd  code-server-3.10.2-linux-amd64/

设置密码到环境变量

export PASSWORD="1314"

开启web服务

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

8080是端口,可以自己修改,注意不要与其他应用冲突.
0.0.0.0是代表可以被所有ip访问.

image.png

如图所示就是已经完成配置.

浏览器访问

浏览器中输入服务器ip地址加上端口号

127.0.0.1:8080  #修改为你自己的ip

image.png

输入刚才所设置的密码1314

image.png

这样就进入了Web IDE了, 可以进行编程.

添加插件

添加插件的步骤和vscode一致,不再累赘, 可以自己去用用实际的vscode.

优化

1、可以采用chrome 浏览器 app的方式进行访问，避免与网页冲突

C:\"Program Files (x86)"\Google\Chrome\Application\chrome.exe --app=http://192.168.137.4:8080/

其中"Program Files (x86)"使用引号是因为路径中包含空格

2、Linux下可以采用固定的脚本启动，不用记命令，同时后台运行
code-server-start.sh 内容如下

export PASSWORD="1234"
./code-server --port 8080 --host 0.0.0.0 --auth password >out.file 2>&1 &

下次直接执行脚本即可启动code-server服务