本地 IDE 已廢！編輯器大結局！GitHub 的云 VSCode 實測
之前寫過一篇文章GitHub 里面可以直接用 VS Code 了，真香！當時該功能還處于申請 Beta 權限階段，有朋友申請成功了，大鵬就趕緊去體驗了一下，體驗之后的感受就是：
1、創(chuàng)建環(huán)境
首先進入 GitHub 找到任意一個項目，有 Beta 權限的用戶點擊 code 之后會發(fā)現(xiàn)多出來一個【Open with Codespaces】選項，Codespaces 就是 GitHub 云端 VSCode 的產品名稱
點擊后要進行下一步的選擇，如果你之前建立過該項目的編輯環(huán)境，則可以進行恢復，或者也可以選擇【New codespace】創(chuàng)建新環(huán)境，Beta 階段最多只允許創(chuàng)建 2 個
選擇環(huán)境之后，就會開始進行初始化
初始化完成后就可以看到完整的開發(fā)環(huán)境了，整體布局和 VSCode 幾乎一模一樣，VSCode 可以使用的插件在這里都能找到
2、開發(fā)服務器概況
打開開發(fā)環(huán)境之后，相信大家和我一樣，會產生很多疑問，這會不會只是個編輯器？編輯好了之后代碼又不能運行？搞這個意義大么？
在這里我要告訴大家：
基本信息
硬盤空間：180GB
CPU：2 核
內存：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 提供的頁面網址
除此之外，在左側開發(fā)代碼的時候，右側也會自動更新變化，和本地開發(fā)的體驗完全一致！
4、其他功能
除了和本地開發(fā)體驗一致的之外，還可以看到更多的優(yōu)勢
不需要自己配置 SSH 了，GitHub 直接幫你配置好了
本地 VSCode 編輯器的菜單欄進行了移動，更好的優(yōu)化顯示空間
Pull Request 和 Issue 的查看非常方便，結合 GitHub Action 簡直爽歪歪
還有一個 Live Share 功能，使用這個可以一起看代碼編程
5、小結
【本地 IDE 已廢！編輯器大結局！】這句話并非完全的標題黨，GitHub 處于 Beta 階段的云編輯器有相當多的優(yōu)點！
用完即走，有網絡可以隨時隨地開發(fā)，不消耗本地資源 開發(fā)環(huán)境一應俱全，注冊個賬號就能直接在線寫代碼 結合 GitHub Actions 自動集成部署無痛點 結合 Issue、Projects、Wiki 和私有倉庫等功能，對于小團隊開發(fā)吸引力極強
VSCode 在本地開發(fā)編輯器中已經占據(jù)了半壁江山，如今 GitHub 的 Codespaces 則更上一層樓，期待該功能早日公測，給開發(fā)者更多選擇和優(yōu)質的體驗
推薦閱讀
1、力扣刷題插件
2、你不知道的 TypeScript 泛型（萬字長文，建議收藏）
4、immutablejs 是如何優(yōu)化我們的代碼的？
關注加加，星標加加～
?如果覺得文章不錯，幫忙點個在看唄