1、創建環境
首先進入 GitHub 找到任意一個項目，有 Beta 權限的用戶點擊 code 之后會發現多出來一個【Open with Codespaces】選項，Codespaces 就是 GitHub 云端 VSCode 的產品名稱

點擊后要進行下一步的選擇，如果你之前建立過該項目的編輯環境，則可以進行恢復，或者也可以選擇【New codespace】創建新環境，Beta 階段最多只允許創建 2 個

環境選擇
選擇環境之后，就會開始進行初始化

初始化完成后就可以看到完整的開發環境了，整體布局和 VSCode 幾乎一模一樣，VSCode 可以使用的插件在這里都能找到

2、開發服務器概況
打開開發環境之后，相信大家和我一樣，會產生很多疑問，這會不會只是個編輯器？編輯好了之后代碼又不能運行？搞這個意義大么？

在這里我要告訴大家：

基本信息
硬盤空間：180GB

CPU：2 核

內存：4GB

操作系統：Ubuntu

可以看到，整個開發服務器的配置還是很給力的，開發一些小項目，是非常夠用的

開發環境
開發服務器配置倒是還可以，但是開發環境什么的還要自己安裝好麻煩

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

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

3、開發示例
說了這么多，就看環境各種好了，真的能做開發么，在這里給大家一個完整的示例。

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

安裝完成后執行yarn start指令啟動項目，下圖中可以看到啟動成功了

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

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

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

4、其他功能
除了和本地開發體驗一致的之外，還可以看到更多的優勢

不需要自己配置 SSH 了，GitHub 直接幫你配置好了

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

Pull Request 和 Issue 的查看非常方便，結合 GitHub Action 簡直爽歪歪

還有一個 Live Share 功能，使用這個可以一起看代碼編程

5、小結
【本地 IDE 已廢！編輯器大結局！】這句話并非完全的標題黨，GitHub 處于 Beta 階段的云編輯器有相當多的優點！

用完即走，有網絡可以隨時隨地開發，不消耗本地資源
開發環境一應俱全，注冊個賬號就能直接在線寫代碼
結合 GitHub Actions 自動集成部署無痛點
結合 Issue、Projects、Wiki 和私有倉庫等功能，對于小團隊開發吸引力極強
VSCode 在本地開發編輯器中已經占據了半壁江山，如今 GitHub 的 Codespaces 則更上一層樓，期待該功能早日公測，給開發者更多選擇和優質的體驗