简介
今天给大家介绍一款非常实用的开源工具——code-server。
code-server是浏览器中的 VS Code,只要部署这款软件,你可以通过浏览器的api访问你电脑上的本地文件。此时浏览器就是一个 VS Code 客户端,我们可以用浏览器,在任何电脑、平板上进行远程开发,无须下载vscode客户端或者ssh软件。
code-server应用场景非常广泛,在GitHub上获得65.4k star,可见它的受欢迎程度。
安装
下载安装包
code-server的最新版本是4.23.1,可以用下面的命令获取到linux下的安装包
wget https://github.com/cdr/code-server/releases/download/v4.23.1/code-server-4.23.1-linux-amd64.tar.gz
如果上面这个命令你无法访问,可以手动下载安装包
下载地址:
https://github.com/coder/code-server/releases
解压
解压命令:
tar -zxvf code-server-4.23.1-linux-amd64.tar.gz
cd 进这个文件夹,我们用
ls -l
看一下文件夹下的目录:
total 792
drwxr-xr-x 8 muxue muxue 4096 Mar 4 12:26 .
drwx------ 6 muxue muxue 4096 Mar 9 22:42 ..
drwxr-xr-x 2 muxue muxue 4096 Mar 4 12:26 bin
drwxr-xr-x 3 muxue muxue 4096 Mar 4 12:26 lib
-rw-r--r-- 1 muxue muxue 1084 Mar 3 17:13 LICENSE
drwxr-xr-x 243 muxue muxue 12288 Mar 4 12:26 node_modules
-rw-r--r-- 1 muxue muxue 480100 Mar 4 12:26 npm-shrinkwrap.json
drwxr-xr-x 5 muxue muxue 4096 Mar 3 17:13 out
-rw-r--r-- 1 muxue muxue 5235 Mar 4 12:24 package.json
-rwxr-xr-x 1 muxue muxue 4877 Mar 3 17:13 postinstall.sh
-rw-r--r-- 1 muxue muxue 3056 Mar 3 17:13 README.md
drwxr-xr-x 3 muxue muxue 4096 Mar 3 17:14 src
-rw-r--r-- 1 muxue muxue 180977 Mar 3 17:13 ThirdPartyNotices.txt
drwxr-xr-x 2 muxue muxue 4096 Mar 3 17:14 typings
-rw-r--r-- 1 muxue muxue 76688 Mar 4 12:26 yarn.lock
进入bin文件夹,我们需要用的可执行文件就在里头
$ ls
code-server
这个code-server就是我们要的可执行文件
启动code-server
export PASSWORD="配置一个密码"
code-server --port 8888 --host 0.0.0.0 --auth password
上面这个命令,启动之后,会创建一个端口为8888的web服务,此时使用ip:8888的方式,应该就可以访问到你的code-server服务了!
在本机浏览器页面,输入
ip:8888
,如果出现下面的页面,那就是安装成功了!输入你刚刚设置的密码,就可以像使用vscode一样使用code-server了!
截图
开始界面:
运行代码的效果:
更换在线编辑器主题:
其实基本上各种界面及操作和VS Code没有区别,但是网页版的体验感一定不如原生客户端,但如果对于没有环境、或者没有下载软件情况下,临时做一些调试编译工作,这个系统相当给力。