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

什么都別說，先上圖

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

iPad Safari瀏覽器顯示如圖，并運行了 python 代碼

Code-server 項目地址：https://github.com/cdr/code-server怎么樣，看圖之后有沒有很心動？不過這不是官方的項目，據說 5 月份的時候，官方也打算出一款網頁的，但是至今沒有什么消息。

需要什么配置條件？

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

如何配置？

我這篇文章是使用 docker 來搭建 vscode 的，如果你不懂 docker，可以查看我以前的 docker 入門文章，傳送門：https://blog.csdn.net/zone_/article/details/78822653如果你跟隨官網的使用方法去搭建，那么恭喜你，踩坑了！就算搭建成功，并且能成功登陸頁面，在你進行新建文件等各種操作的時候，他會提醒你，你沒有權限完成該操作。
正確的使用方法應該是這樣的：

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 開發(fā)環(huán)境

code-server 正式版 V2 版本是無法成功配置 python 開發(fā)環(huán)境的，因為 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 環(huán)境，如圖：

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

遇到的錯誤

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

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

最終這些問題都是通過查看 issue 搞定的，還是要好好看 issue 呀！

總結

以上是生活随笔為你收集整理的server vscode中的live_太方便了！这款神器能在浏览器中运行 VS Code，随时随地写代码...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。