VS Code 想必大家都听说过吧，VS Code 凭借其强大的插件生态简直把自己玩出花来了，现在我身边越来越多的程序员朋友现在都转向使用 VS Code 来写代码了，我也不例外。
但大家知道 VS Code 本身是用什么写的吗？没错，其实是 Java 写的，准确来说是用 Type 写的。
这时候我就想问，既然是用 Type 写的，那它有没有网页版呢？
有人就要问了，网页版的 VS Code 有啥用啊，其实它能解决很多痛点：
如果我能在网页版的 VS Code 里面写代码，这样换了一个 PC 之后我只需要打卡这个网页就能接着写了，多么简单方便。
另外我写了代码，想给别人复现现场看效果，直接甩给他一个网页链接就好了。
别人遇到问题想让我帮调试，那他在里面写完了，然后直接给我链接就好了。
舒服吧！
那就来整一个吧！
于是我就找官网的支持，但是没找到官网有说 VS Code 网页版的任何事情。
但是找到了一个开源项目，叫做 code-server，运行之后就可以在浏览器里面打卡 VS Code 了，GitHub 地址是：https://github.com/cdr/code-server。
它的官方介绍是：
“
Run VS Code on any machine anywhere and access it in the browser.
”
正式我想要的！它在浏览器里面的运行效果如图所示：
[图片上传失败...(image-1fe22d-1733066265465)]
安装
接下来那就安装试试吧，它支持多个平台，只需要运行一条命令就能安装了：
curl -fsSL https://code-server.dev/install.sh | sh
这条命令运行之后会自动判断当前的平台，然后运行安装步骤。
安装完了之后会有一个可用的 code-server 命令，运行之后便可以在本地启动 code-server 服务了，然后就可以在浏览器中打开 VS Code 了，就像上图所示。
Docker
但这 code-server 仅仅是在本地运行起来了。
如果我想将其部署到公网供我随时访问呢？或者极端一点，如果我想为其他人也部署一个 code-server 怎么办呢？或者我想为一百个人部署自己专属的 code-server 怎么办呢？
所以，这时候一个很好的方案就是上 Docker + Kubernetes 了。
既然要上 Docker，那就顺便对 code-server 做一些基础化的配置吧，比如预装一些插件，比如设置一些主题，比如设置一些编辑器配置等等。
我本地的 VS Code 现在在用一个我个人觉得比较好看的主题，叫做 Material Ocean，效果是这样的：
[图片上传失败...(image-6d7e8d-1733066265465)]
这是通过安装一个插件实现的，叫做 Material Theme：
[图片上传失败...(image-f006dc-1733066265465)]
另外还有一些基础的插件，比如 Python的支持、自动提示等等。
另外既然要支持 Python 了，那也可以在 Docker 里面配置一些基础的 Python 库，以免使用的时候再安装。
其他的一些配置比如代码规范、缩进、换行等都可以通过 VS Code 的一些 settings.json 配置来实现。
等等还有一些其他的优化项可以自行发挥啦。
