瞎比比

最近看到 iPadOS 出來了，各種牛逼的操作真的很有吸引力，於是咬咬牙買了 iPad air。買來之後，當然是研究怎麼提高效率了，於是就尋找、研究各種高效的軟體。折騰了一段時間，各種 APP 都找得差不多了（有機會給大家分享一下），唯一的缺陷就是不能寫程式碼。一次偶然的機會，讓我看到了一個 GitHub 專案：code-server，一個在瀏覽器中使用 vscode 編輯器的專案。

什麼都別說，先上圖

在筆記本 Chrome 瀏覽器上顯示如圖

iPad Safari瀏覽器顯示如圖，並運行了 python 程式碼

Code-server 專案地址：Github 地址

怎麼樣，看圖之後有沒有很心動？不過這不是官方的專案，據說 5 月份的時候，官方也打算出一款網頁的，但是至今沒有什麼訊息。

需要什麼配置條件？

一顆愛折騰的心一臺至少 1 核 2 g 的雲伺服器一個可以訪問網路的瀏覽器需要有 docker 的基礎知識一個隨時隨地為公司加班的心 ‍♀️

如何配置？

我這篇文章是使用 docker 來搭建 vscode 的，如果你不懂 docker，可以檢視我以前的 docker 入門文章，傳送門：

如果你跟隨官網的使用方法去搭建，那麼恭喜你，踩坑了！就算搭建成功，並且能成功登陸頁面，在你進行新建檔案等各種操作的時候，他會提醒你，你沒有許可權完成該操作。

正確的使用方法應該是這樣的：

docker run --user root -it -p "8080:8080" -v "/your/path/vscode/project:/home/coder/project" docker.io/codercom/codercom/code-server:v2 --allow-https --auth password

比官網的命令多一個：

—user root

是以 root 使用者執行 docker 的意思，這樣就不會出現沒有許可權問題了。

—auth password

是否加入登陸密碼驗證，如果沒有加入的話，那麼任何人都可以通過訪問地址來訪問你的編輯器了。

關於 vscode 的外掛

在早一些的版本中，是無法在編輯器中直接安裝外掛的。最新的版本好了一些，大部分外掛都能直接搜尋並且安裝。但是還是有少部分無法安裝成功。這裡提供一種離線安裝的思路：

到網頁版商店下載離線包，VSCode 擴充套件商店網頁版：https://marketplace.visualstudio.com/vscode

搜尋擴充套件，進入到詳情頁之後，選擇右下角的 Download Extension 下載離線包。

之後在擴充套件介面選擇Install from VSIX，選擇路徑安裝。

配置一個 python 開發環境

code-server 正式版 V2 版本是無法成功配置 python 開發環境的，因為 V2 版本中無法在 vscode 中新增 python 配置。好在作者在試用版中 fix 了這個問題，其有效的版本如下：

docker run --user root -it -p "8080:8080" -v "/your/path/vscode/project:/home/coder/project" docker.io/codercom/code-server:2.1523-vsc1.38.1 --allow-https --auth password

apt-get install python3

接下來，將 python3 重新命名為 python：

cd /usr/binmv python3 python

然後在 vscode 中載入一個資料夾作為專案目錄（/home/coder/project），如圖：

由於我已經使用過了，所以也新建了幾個 python 檔案，

接下來，在 vscode 中，配置你的 python 環境，如圖：

配置完成之後，再在擴充套件庫中找一些自己常用的工具庫，那麼就可以愉快的在瀏覽器中編輯 python 了。當然其他語言的也是差不多的操作。

遇到的錯誤

這裡就羅列一下此次折騰中遇到的問題，如果你遇到問題解決不了，可以加我：

新建檔案沒有許可權vscode 外掛無法安裝配置好外掛後，無法執行除錯