本地 IDE 已廢！編輯器大結局！GitHub 的雲 VSCode 實測

以前寫過一篇文章GitHub 裏面能夠直接用 VS Code 了，真香！當時該功能還處於申請 Beta 權限階段，有朋友申請成功了，大鵬就趕忙去體驗了一下，體驗以後的感覺就是：

一、建立環境

首先進入 GitHub 找到任意一個項目，有 Beta 權限的用戶點擊 code 以後會發現多出來一個【Open with Codespaces】選項，Codespaces 就是 GitHub 雲端 VSCode 的產品名稱

點擊後要進行下一步的選擇，若是你以前創建過該項目的編輯環境，則能夠進行恢復，或者也能夠選擇【New codespace】建立新環境，Beta 階段最多隻容許建立 2 個

環境選擇

選擇環境以後，就會開始進行初始化

初始化完成後就能夠看到完整的開發環境了，總體佈局和 VSCode 幾乎如出一轍，VSCode 可使用的插件在這裏都能找到

二、開發服務器概況

打開開發環境以後，相信你們和我同樣，會產生不少疑問，這會不會只是個編輯器？編輯好了以後代碼又不能運行？搞這個意義大麼？

在這裏我要告訴你們：

很差意思，口型沒對好

基本信息

• 硬盤空間：180GB

• CPU：2 核

• 內存：4GB

• 操做系統：Ubuntu

能夠看到，整個開發服務器的配置仍是很給力的，開發一些小項目，是很是夠用的

開發環境

開發服務器配置卻是還能夠，可是開發環境什麼的還要本身安裝好麻煩

在這裏我要告訴你們：

經常使用的 node、python、java、go 這些語言全都有！

gcc、mvn、gradle 這些也都不在話下，都不用本身安裝直接用就行！

三、開發示例

說了這麼多，就看環境各類好了，真的能作開發麼，在這裏給你們一個完整的示例。

首先打開一個前端項目，直接執行yarn指令安裝開發包

安裝完成後執行yarn start指令啓動項目，下圖中能夠看到啓動成功了

啓動成功

這時候遇到了一個問題，啓動成功了這個啓動地址是本地的http://localhost:3000，這也無法訪問呀。不慌，點擊本地地址訪問，這個時候就能看到真的有頁面！

訪問http://localhost:3000以後會自動跳轉到 GitHub 提供的頁面網址

除此以外，在左側開發代碼的時候，右側也會自動更新變化，和本地開發的體驗徹底一致！

四、其餘功能

除了和本地開發體驗一致的以外，還能夠看到更多的優點

• 不須要本身配置 SSH 了，GitHub 直接幫你配置好了

• 本地 VSCode 編輯器的菜單欄進行了移動，更好的優化顯示空間

• Pull Request 和 Issue 的查看很是方便，結合 GitHub Action 簡直爽歪歪

• 還有一個 Live Share 功能，使用這個能夠一塊兒看代碼編程

五、小結

【本地 IDE 已廢！編輯器大結局！】這句話並不是徹底的標題黨，GitHub 處於 Beta 階段的雲編輯器有至關多的優勢！

• 用完即走，有網絡能夠隨時隨地開發，不消耗本地資源
• 開發環境包羅萬象，註冊個帳號就能直接在線寫代碼
• 結合 GitHub Actions 自動集成部署無痛點
• 結合 Issue、Projects、Wiki 和私有倉庫等功能，對於小團隊開發吸引力極強

VSCode 在本地開發編輯器中已經佔據了半壁江山，現在 GitHub 的 Codespaces 則更上一層樓，期待該功能早日公測，給開發者更多選擇和優質的體驗