Code-server搭建web IDE


官方文檔

GIthub官方文檔:https://github.com/cdr/code-server

原理基礎

code-server是一款基於VScode的在線編輯器,主要用於在Linux服務器環境下,實現任何設備通過瀏覽器即可訪問VScode, 進而實現在遠程編程.

下載資源

https://github.com/cdr/code-server
該鏈接進入后,直接選擇release下載最新版本的code-server.
而后通過scp將文件上傳到服務器, 而后使用tar命令進行解壓.
我們可以直接在遠程服務器上執行下面的命令來下載 .tar.gz 壓縮包,請注意命令末尾的 URL 地址,請記得按照你在 code-server Release 頁面實際復制的地址進行填寫:

curl -o vscode.tar.gz https://github.com/cdr/code-server/releases/download/v3.5.0/code-server-3.5.0-linux-x86_64.tar.gz

之后,我們使用 tar 工具解壓下載得到的壓縮包,之后進入解壓好的文件目錄中:

解壓縮 tar.gz 壓縮包

tar xf vscode.tar.gz

進入解壓得到的文件夾

cd vscode

在當前目錄下解壓縮下載得到的 code-server
在這里插入圖片描述
文件夾內包含以上文件

開啟web服務

設置密碼到環境變量

export PASSWORD="1314"

運行code-server

./code-server --port 8080 --host 0.0.0.0 --auth password  

8080是端口,可以自己修改,注意不要與其他應用沖突.
0.0.0.0是代表可以被所有ip訪問.
在這里插入圖片描述
如圖所示就是已經完成配置.

瀏覽器訪問

瀏覽器中輸入服務器ip地址加上端口號

127.0.0.1:8080  #修改為你自己的ip

在這里插入圖片描述
輸入剛才所設置的密碼1314
在這里插入圖片描述
這樣就進入了Web IDE了, 可以進行編程.

添加插件

添加插件的步驟和vscode一致,不再累贅, 可以自己去用用實際的vscode.

Enjoy

在這里插入圖片描述


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM