专栏名称: Java知音
专注于Java,推送技术文章,热门开源项目等。致力打造一个有实用,有情怀的Java技术公众号!
目录
相关文章推荐
宁波日报  ·  世界泳联发博祝汪顺生日快乐 ·  18 小时前  
杭州网  ·  突然!暴涨超388% ·  2 天前  
江苏新闻  ·  他哭了!冲上热搜 ·  3 天前  
内蒙古政府办公厅  ·  喜报!内蒙古运动员喜获亚冬会金牌! ·  3 天前  
内蒙古政府办公厅  ·  喜报!内蒙古运动员喜获亚冬会金牌! ·  3 天前  
51好读  ›  专栏  ›  Java知音

65.4k star,在浏览器上直接使用 VS Code,这款开源工具绝了!

Java知音  · 公众号  ·  · 2024-05-08 10:05

正文

简介

今天给大家介绍一款非常实用的开源工具——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没有区别,但是网页版的体验感一定不如原生客户端,但如果对于没有环境、或者没有下载软件情况下,临时做一些调试编译工作,这个系统相当给力。







请到「今天看啥」查看全文


推荐文章
宁波日报  ·  世界泳联发博祝汪顺生日快乐
18 小时前
杭州网  ·  突然!暴涨超388%
2 天前
江苏新闻  ·  他哭了!冲上热搜
3 天前
内蒙古政府办公厅  ·  喜报!内蒙古运动员喜获亚冬会金牌!
3 天前
内蒙古政府办公厅  ·  喜报!内蒙古运动员喜获亚冬会金牌!
3 天前
济宁城网事  ·  女演员遇害,仅仅28岁!
7 年前
十点读书会  ·  你嘴上说喜欢我,却让我这么难过
7 年前