想隨時隨地編碼，卻不想隨身攜帶筆記本電腦？試試 code-server 吧！這是一個功能強(qiáng)大的自托管應(yīng)用，能將完整版 Visual Studio Code 的所有功能帶到你的網(wǎng)頁瀏覽器中。無需依賴第三方云端 IDE，你可以在自己的家庭實驗室服務(wù)器上部署 code-server，并從任意設(shè)備安全訪問。通過自建 code-server，你不僅能獲得一致且便捷的開發(fā)環(huán)境，還能完全掌控自己的代碼和數(shù)據(jù)。

目錄

• 什么是 code-server？為何要自托管？
• 在 Linux 上安裝 code-server
• 開始使用 code-server
• 自定義你的瀏覽器 IDE
• 在 code-server 中創(chuàng)建并運行第一個程序

什么是 code-server？為何要自托管？

code-server 能在遠(yuǎn)程服務(wù)器上運行 VS Code，讓你通過瀏覽器即可訪問。它的功能與桌面版幾乎完全相同，支持自動補全、調(diào)試、Git 集成和插件擴(kuò)展。對于平板或 Chromebook 這類性能較弱的設(shè)備尤其友好，因為所有運算都在服務(wù)器端完成，確保開發(fā)體驗流暢且環(huán)境統(tǒng)一。

選擇自托管意味著你擁有完全的控制權(quán)：你可以自定義域名、啟用 HTTPS 加密、管理用戶權(quán)限，并根據(jù)需要擴(kuò)展服務(wù)器資源，同時保障隱私與數(shù)據(jù)安全。

小貼士：熟練掌握 VS Code 的快捷鍵能極大提升編碼效率。不妨參考一份快捷鍵速查表來快速上手！

在 Linux 上安裝 code-server

安裝 code-server 非常簡單，本文將使用 Docker 進(jìn)行部署。

首先，從 Docker Hub 拉取官方鏡像：

<code>sudo docker pull codercom/code-server</code>

這一步確保你在本地獲取到最新版本的鏡像，為后續(xù)容器創(chuàng)建做好準(zhǔn)備。

接著，以后臺模式啟動一個 code-server 容器，設(shè)置密碼并掛載持久化存儲：

<code>sudo docker run -d --name code-server -p 8443:8080 -v "$HOME/code-server-data:/home/coder/project" -e PASSWORD="my_password" codercom/code-server</code>

部署完成后，在瀏覽器中訪問 http://ipnx.cn/link/e8a079d6a3dbabc7bcfa0047f63e475c。

開始使用 code-server

登錄后，你會看到一個與桌面版 VS Code 幾乎一模一樣的界面。以下是主要功能區(qū)的簡要介紹：

文件資源管理器

左側(cè)的資源管理器幫助你瀏覽項目結(jié)構(gòu)，可以輕松打開、創(chuàng)建或管理文件和文件夾。

編輯器區(qū)域

中間是主編輯區(qū)，當(dāng)你打開文件時，內(nèi)容會在這里顯示。

你可以像在桌面版中一樣編寫、修改和格式化代碼。

終端

終端位于界面底部，可通過頂部菜單 “Terminal → New Terminal” 打開，或使用快捷鍵 Ctrl `。

你也可以用 Ctrl Shift C 快速調(diào)出終端。

擴(kuò)展插件

VS Code 的強(qiáng)大之處在于其豐富的擴(kuò)展生態(tài)。點擊側(cè)邊欄的擴(kuò)展圖標(biāo)，你可以瀏覽、安裝和管理各類插件，如語法檢查工具、主題、語言支持等。

使用搜索欄查找所需插件，安裝后即可立即啟用，增強(qiáng)編輯器功能。

自定義你的瀏覽器 IDE

你可以根據(jù)個人喜好對 code-server 進(jìn)行個性化設(shè)置，例如更換主題、安裝插件、調(diào)整配置等。以更換主題為例：點擊左下角齒輪圖標(biāo)，將鼠標(biāo)懸停在 Themes 上，選擇 Color Theme：

隨后會彈出可用主題列表，點擊即可預(yù)覽并應(yīng)用。

你也可以從擴(kuò)展市場下載更豐富的主題并立即啟用。

同理，其他設(shè)置也能輕松調(diào)整。點擊齒輪圖標(biāo)，選擇 Settings 即可進(jìn)入配置界面。

在這里，你可以修改編輯器行為、字體大小、代碼格式化規(guī)則等。

在 code-server 中創(chuàng)建并運行第一個程序

在 Explorer 面板中創(chuàng)建新文件，或使用快捷鍵 Ctrl Alt N：

點擊 Select a language，或按下 Ctrl K 再按 M，選擇語言（如 Python）：

將以下代碼粘貼進(jìn)去，實現(xiàn)打印三遍歡迎語：

<code>for i in range(3):<br>    print("Welcome to maketecheasier.com")</code>

確保系統(tǒng)已安裝 Python。然后按 Ctrl S 保存文件，輸入文件名（如 mteExample.py），點擊確定。

接著按 Ctrl ` 打開終端，運行以下命令執(zhí)行腳本：

<code>python3 mteExample.py</code>

現(xiàn)在，code-server 已在你的 Linux 系統(tǒng)上成功運行！你可以自由定制主題和插件，編寫并運行多種語言的程序，甚至通過自定義域名和 HTTPS 提升安全性。接下來，不妨嘗試集成 Git 工作流、為生產(chǎn)環(huán)境啟用 SSL，或?qū)?JupyterLab、Docker、Portainer 等工具加入你的家庭實驗室，打造更強(qiáng)大靈活的開發(fā)環(huán)境。

以上是如何在Linux上設(shè)置基于Web的代碼服務(wù)器 - 使技術(shù)更容易的詳細(xì)內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！