上課摸魚必備 -- Vscode網頁版的搭建教程

前言

上課想練練數據結構與算法？或者就是想玩玩兒Vscode？或者有一個自己的服務器，但是覺得沒有利用到極致？那麼這篇文章將帶你搭建一個在線版的Vscode，利用瀏覽器實現全平臺使用Vscode，管你什麼手機，Pad，電腦，板磚，咳咳，整就完了！！！

文章中所有的超鏈接都是很不錯的資源，建議都要仔細看看，為了不讓文章那麼太長，所以我用了不少超鏈接。

本文搭建環境：開源項目code-server，一臺服務器（至少一核2G才能有比較流暢的效果）

如果本文對你有幫助的話，還望關注，點贊，轉發，收藏，謝謝咯。

（一）運行效果

這個Vscode在線版是運行在我買的阿里雲學生機的9999端口的，畢竟9.9一月，對於學生黨很友好，我的個人博客也搭在上面的，性能一般，但是也很夠用了。

（二）基礎配置

1 - 下載code-server到服務器上

進到服務器的SSH中，這個只要你買了服務器應該都可以用SSH的，服務器還沒買的，也不會用服務器的，看以下幾篇文章（其實不限制與阿里雲的，不是推廣阿里雲哈，其他雲怎麼用大家自行選購，因為我用的是阿里雲，所以這幾篇文章也都是阿里雲的一些使用教程）：

https://zhuanlan.zhihu.com/p/368487727

https://www.zhihu.com/search?type=content&q=%E9%98%BF%E9%87%8C%E4%BA%91%E5%AD%A6%E7%94%9F%E6%9C%BA%E6%95%99%E7%A8%8B（自己挑著看）

https://blog.csdn.net/u011002997/article/details/83933365

官網上應該也還有比較完善的使用手冊啥的，深入玩一下的話，建議自己多研究研究，上面這幾篇文章也是我大體看上去不錯的，要想明白究竟怎麼用的還是要自己用好搜索引擎。

wget https://github.com/cdr/code-server/releases/download/v3.10.2/code-server-3.10.2-linux-amd64.tar.gz

這一步下載速度可能會很慢，甚至中途失敗，可以考慮掛代理，不會Linux下掛代理的，看我下面的騷操作

當然，你最好有一個梯子，這樣總歸是要更快和更穩定的。

下面我將演示如何在Windows下下載code-server再傳到服務器上：

首先我想介紹一下我使用過那麼多的SSH最好用的一款軟件：Termius
這個軟件是真正的全平臺，而且簡直是我這種顏值控福利，終端各種皮膚，賊好看，如果你有幸申請到Github學生包的話，還有其他不少福利。

關於Termius的使用教程
在Windows下載code-server的壓縮包
點擊這個鏈接

再點這個，就開始下載了
下載完壓縮包之後，找到下載的位置，然後就要介紹Termius的SFTP功能
選中你的服務器

先找到你本地壓縮包的網址，選中你本地的壓縮包，直接拖到服務器上就行（哎，真不錯，我就是玩兒）

GIF 2021-6-10 16-34-08

傳過去之後現在你可以到你的服務器中ls -a一下，看看它在不在

那麼以上就是下載的全部內容了

2 - 解壓安裝試運行（運行部分可以先不弄，下一步的更好用）

解壓

tar -xvzf code-server-3.10.2-linux-amd64.tar.gz

可以改個名

mv code-server-3.10.2-linux-amd64 code-server

運行試下（建議先看下參數列表）

PS：得確保你開了9999端口，下面是我的服務器防火牆配置

為啥不用8080端口？戳這

cd code-server
export PASSWORD="你想設置的密碼"
./code-server --port 9999 --host 0.0.0.0 --auth password

–port 9999 指定端口，缺省時為 8080

–host 0.0.0.0 允許公網訪問，缺省時為 127.0.0.1，只能本地訪問

–auth password 指定訪問密碼，可通過 export 命令設置，參數為 none 時不啟用密碼

可以看一下參數列表

./code-server --help

運行後，打開 Chrome 訪問“服務器公網IP:端口”，效果圖：

服務器公網IP去哪裡查？戳這

（三）高級配置

我們都知道Linux是可以寫shell腳本的，那麼為了簡化以上操作，也為了讓其根據我們意願後臺運行或者終止，我們著手寫兩個腳本，start.sh和shut.sh(腳本是要寫在code-server目錄的奧)

腳本執行目標

start.sh
- 開啟code-server，後臺運行該進程
- 記錄當前進程的PID，也專門記錄一個日誌log文件便於以後查看
- 將PID存到文件裡面
```
#start.sh
export PASSWORD="412523"
nohup ./code-server --port 9999 --host 0.0.0.0 --auth password > test.log 2>&1 &
echo $! > save_pid.txt
```
shut.sh
- 讀文件中的PID
- 殺死進程
```
#shut.sh
kill -9 'cat save_pid.txt'
```