在 Linux 上設定基於 Web 的程式碼伺服器:逐步指南

在 Linux 上設定基於 Web 的程式碼伺服器:逐步指南

您是否正在尋找一種幾乎可以在任何地方編寫程式碼的方法,而無需攜帶筆記型電腦?不妨考慮使用code-server,這是一個功能強大的自託管應用程序,可將 Visual Studio Code 的全部功能直接帶到您的 Web 瀏覽器中。透過在家庭實驗室伺服器上設定 code-server,您可以享受無縫的開發體驗,確保對程式碼和資料的可存取性和控制力,從而無需使用第三方雲端 IDE。

了解程式碼伺服器和自架的優勢

Code-server 在遠端伺服器上執行 VS Code,允許您透過任何 Web 瀏覽器存取它。其功能與桌面版相同,支援自動完成、調試、Git 整合以及一系列擴充等功能。此設定對於低功耗裝置(包括平板電腦和 Chromebook)尤其有利,因為所有運算任務都在伺服器上進行,從而保持一致的環境,可從任何位置存取。

自託管此應用程式具有幾個關鍵優勢:您可以獲得對開發環境的無與倫比的控制權、增強的隱私以及自訂各種功能的靈活性,包括使用個人網域、啟用 HTTPS 和管理用戶訪問,同時根據需要擴展計算資源。

首先,請查看這張方便的備忘單!

在Linux上安裝Code-Server

當您利用 Docker 進行安裝過程時,設定程式碼伺服器非常簡單。

首先,使用以下命令從 Docker Hub 下載官方程式碼伺服器映像:

sudo docker pull codercom/code-server

此命令可確保您在繼續建立容器之前已在本機上儲存了最新版本的程式碼伺服器映像。

下載程式碼伺服器 Docker 映像

接下來,透過執行指定唯一密碼並確保持久性儲存的命令在背景啟動一個新的程式碼伺服器容器:

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

啟動程式碼伺服器容器

代碼伺服器現已設定完畢,請在 Web 瀏覽器中輸入http://localhost:8443進行存取。輸入在命令期間設定的密碼docker run,然後按一下「提交」以登入代碼伺服器。

訪問代碼伺服器

程式碼伺服器入門

登入後,您將看到一個與熟悉的 VS Code 桌面版非常相似的介面。以下是您將看到的關鍵組件的簡要概述:

檔案總管

文件資源管理器讓您輕鬆瀏覽專案。您可以輕鬆瀏覽資料夾、開啟檔案、建立新檔案以及管理專案結構。

檔案總管

編輯

中心區域是編輯器,您將在這裡完成大部分工作。開啟檔案後,它們會顯示在這裡,您可以像在桌面版 VS Code 中一樣編寫和格式化程式碼。

程式碼編輯器

終端

終端位於代碼伺服器底部,方便使用。您可以從頂部選單中選擇“終端”,然後選擇“新終端”來開啟它,或使用鍵盤快捷鍵Ctrl+ 。此外,您也可以按+ +`快速鍵快速存取終端。CtrlShiftC

內建終端

擴充

擴充功能是 VS Code 強大功能的關鍵。使用「擴充功能」標籤(位於側邊欄),您可以瀏覽、安裝和管理 VS Code 擴充程序,其中包括程式碼檢查器、主題以及各種語言支援工具。

擴充

使用搜尋欄搜尋任何擴充功能以快速安裝和啟動它,增強您的開發環境的功能。

個性化基於瀏覽器的 IDE

若要自訂 IDE 的外觀(例如更改主題),請按一下左下角的齒輪圖標,將滑鼠懸停在「主題」上,然後從下拉式選單中選擇「顏色主題」:

開啟“設定”

將顯示可用主題列表,讓您預覽並套用所需的選擇。

選擇主題

此外,您可以從「擴充功能」標籤輕鬆安裝任何首選主題,並立即啟動它。

安裝新主題

此外,您還可以點擊齒輪圖示並選擇「設定」來自訂其他設定。在這裡,您可以修改編輯器行為、字體大小、格式等等。

自訂程式碼伺服器

在 Code-Server 中建立並執行您的第一個程序

若要建立新文件,請使用資源管理器面板或使用鍵盤快速鍵Ctrl+ Alt+ N

建立新文件

透過點選選擇語言或使用快速鍵Ctrl+來選擇程式語言K,然後M選擇所需的語言(例如 Python)。

選擇語言

將以下程式碼貼到編輯器中,列印「Welcome to maketecheasier.com」三次:

for i in range(3): print("Welcome to maketecheasier.com")

Ctrl在執行此程式之前,請確保伺服器上已安裝 Python。按+儲存文件S,為其指定一個合適的名稱,然後按一下「確定」:

儲存檔案

Ctrl若要執行 Python 腳本,請使用+開啟終端機`並執行以下命令:

python3 mteExample.py

運行 Python 腳本程式碼伺服器

程式碼伺服器已成功在您的 Linux 系統上運行,您現在可以享受基於瀏覽器的開發優勢。您可以使用主題和擴充功能個性化您的環境,跨多種程式語言執行程式碼,並透過自訂網域名稱和 HTTPS 實現安全存取。下一步,您可以考慮透過探索 Git 工作流程、為生產環境啟用 SSL 或整合其他基於 Web 的工具(例如 JupyterLab、Docker 或 Portainer)來增強您的設置,以擴展您的家庭實驗室的功能。

來源和圖片

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *