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

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

環(huán)境選擇
選擇環(huán)境之后，就會開始進行初始化

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

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

在這里我要告訴大家：

基本信息
硬盤空間：180GB

CPU：2 核

內(nèi)存：4GB

操作系統(tǒng)：Ubuntu

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

開發(fā)環(huán)境
開發(fā)服務器配置倒是還可以，但是開發(fā)環(huán)境什么的還要自己安裝好麻煩

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

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

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

首先打開一個前端項目，直接執(zhí)行yarn指令安裝開發(fā)包

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

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

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

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

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

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

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

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

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

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

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