推薦一款神器：在瀏覽器中運行 vscode，隨時隨地寫代碼

個人小程序【編程面試題庫】

• 瞎比比
• 什麼都別說，先上圖
• 須要什麼配置條件？
• 如何配置？
• 關於 vscode 的插件
• 配置一個 python 開發環境
• 遇到的錯誤

瞎比比

最近看到 iPadOS 出來了，各類牛逼的操做真的頗有吸引力，因而咬咬牙買了 iPad air。買來以後，固然是研究怎麼提升效率了，因而就尋找、研究各類高效的軟件。折騰了一段時間，各類 APP 都找得差很少了（有機會給你們分享一下），惟一的缺陷就是不能寫代碼。一次偶然的機會，讓我看到了一個 GitHub 項目：code-server，一個在瀏覽器中使用 vscode 編輯器的項目。

什麼都別說，先上圖

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 擴展商店網頁版：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
複製代碼

而後在這個 docker 容器中安裝 python3，打開 vscode debug 按鈕下的命令行，輸入以下命令：

apt-get install python3
複製代碼

接下來，將 python3 重命名爲 python：

cd /usr/bin
mv python3 python
複製代碼

而後在 vscode 中加載一個文件夾做爲項目目錄（/home/coder/project），如圖：

因爲我已經使用過了，因此也新建了幾個 python 文件， 接下來，在 vscode 中，配置你的 python 環境，如圖：

配置完成以後，再在擴展庫中找一些本身經常使用的工具庫，那麼就能夠愉快的在瀏覽器中編輯 python 了。固然其餘語言的也是差很少的操做。

遇到的錯誤

這裏就羅列一下這次折騰中遇到的問題，若是你遇到問題解決不了，能夠加我微信：

• 新建文件沒有權限
• vscode 插件沒法安裝
• 配置好插件後，沒法運行調試

本文首發於公衆號「zone7」，關注獲取最新推文！