Code Server[1] 是一款 Web IDE，你可以通過(guò)瀏覽器在任何設(shè)備上訪(fǎng)問(wèn)它，包括 iPad，隨時(shí)隨地開(kāi)發(fā)不是夢(mèng)。

為啥要使用 Code Server

• 再也不用每換一次電腦都要重新配置一次環(huán)境了
• 使用不同的電腦隨時(shí)訪(fǎng)問(wèn)同一套開(kāi)發(fā)環(huán)境，公司沒(méi)做干完的活，家里無(wú)縫銜接
• 可以部署在性能強(qiáng)勁的遠(yuǎn)程/本地服務(wù)器，不消耗筆記本資源，不再為筆記本發(fā)熱和風(fēng)扇的問(wèn)題煩惱
• 可以使用 iPad 開(kāi)發(fā)，臨時(shí)出差只帶 iPad 也能完成工作
• 代碼不會(huì)因?yàn)殡娔X損壞丟失了！

解決方案

直接使用官方鏡像肯定滿(mǎn)足不了我的需求，比如沒(méi)有 zsh，沒(méi)有 Golang、Python、Node 相關(guān)開(kāi)發(fā)環(huán)境，這些肯定都要自己去定制實(shí)現(xiàn)的。我自己一些需求的解決方案如下：

瀏覽器體驗(yàn)雖然已經(jīng)很不錯(cuò)了，但感覺(jué)始終沒(méi)有本地 IDE 爽

在 Code Server 里部署 OpenSSH Server，配置 VS Code 插件Remote SSH遠(yuǎn)程連接 Code Server 的工作空間，體檢幾乎與本地開(kāi)發(fā)完全一樣

程序員怎么可能沒(méi)有科學(xué)上網(wǎng)

還真的在 Code Server 里集成了 Clash 程序，使用命令setproxy即可自動(dòng)啟動(dòng) Clash 并設(shè)置終端代理

集成 AnyConnect VPN 工具

寫(xiě)了個(gè)小工具 easyoc，調(diào)用 OpenConnect 客戶(hù)端，快速連接 VPN

服務(wù)器在內(nèi)網(wǎng)，我想隨時(shí)映射內(nèi)網(wǎng)的服務(wù)出來(lái)，怎么辦

如果使用本地 VS Code 插件 Remote SSH 開(kāi)發(fā)，那么直接在 IDE 內(nèi)部可以直接設(shè)置端口映射，原理是通過(guò) SSH 端口轉(zhuǎn)發(fā)實(shí)現(xiàn)。如果使用瀏覽器那就沒(méi)辦法了？不，我在 Code Server 內(nèi)部集成了 Nps 內(nèi)網(wǎng)穿透工具，Nps Server 端部署在我的云服務(wù)器，通過(guò)公網(wǎng)訪(fǎng)問(wèn)直接配置端口映射。

怎么快捷更新我的 Code Server 環(huán)境呢？比如安裝新的工具

白嫖 GitHub 的 Actions，項(xiàng)目更新時(shí)自動(dòng)幫我構(gòu)建 Docker 鏡像。

目前我的鏡像環(huán)境基于 Code Server 官方的鏡像構(gòu)建，官方只提供 Ubuntu 的運(yùn)行環(huán)境

之后一定要換成 Archlinux，它才是永遠(yuǎn)的神，Ubuntu 的包管理器太難用了，很多工具要么沒(méi)有，要么都是老版本，添加源也麻煩。。

總結(jié)

• OpenSSH Server
• ydcv 翻譯
• Nps 內(nèi)網(wǎng)穿透[2]
• Clash 科學(xué)上網(wǎng)[3]
• Oh My Zsh[4] 以及他的一些插件
• OpenConnect 客戶(hù)端
• 云原生開(kāi)發(fā)工具，包括 Helm、Kubectl、Docker、Helmfile 等
• Python、Node、Golang 開(kāi)發(fā)環(huán)境
• MySQL 客戶(hù)端以及一些網(wǎng)絡(luò)工具

項(xiàng)目地址

https://github.com/monlor/docker-code-server

參考資料

[1]

Code Server: https://coder.com/docs/code-server/latest

[2]

Nps 內(nèi)網(wǎng)穿透: https://github.com/ehang-io/nps

[3]

Clash 科學(xué)上網(wǎng): https://github.com/Dreamacro/clash

[4]

Oh My Zsh: https://ohmyz.sh