建站
咨詢
售后
建站咨詢
新聞中心
1、創(chuàng)建環(huán)境
首先進入 GitHub 找到任意一個項目，有 Beta 權(quán)限的用戶點擊 code 之后會發(fā)現(xiàn)多出來一個【Open with Codespaces】選項，Codespaces 就是 GitHub 云端 VSCode 的產(chǎn)品名稱
點擊后要進行下一步的選擇，如果你之前建立過該項目的編輯環(huán)境，則可以進行恢復(fù)，或者也可以選擇【New codespace】創(chuàng)建新環(huán)境，Beta 階段最多只允許創(chuàng)建 2 個
環(huán)境選擇
選擇環(huán)境之后，就會開始進行初始化
初始化完成后就可以看到完整的開發(fā)環(huán)境了，整體布局和 VSCode 幾乎一模一樣，VSCode 可以使用的插件在這里都能找到
2、開發(fā)服務(wù)器概況
打開開發(fā)環(huán)境之后，相信大家和我一樣，會產(chǎn)生很多疑問，這會不會只是個編輯器？編輯好了之后代碼又不能運行？搞這個意義大么？
在這里我要告訴大家：
基本信息
硬盤空間：180GB
CPU：2 核
內(nèi)存：4GB
操作系統(tǒng)：Ubuntu
可以看到，整個開發(fā)服務(wù)器的配置還是很給力的，開發(fā)一些小項目，是非常夠用的
開發(fā)環(huán)境
開發(fā)服務(wù)器配置倒是還可以，但是開發(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之后會自動跳轉(zhuǎn)到 GitHub 提供的頁面網(wǎng)址
除此之外，在左側(cè)開發(fā)代碼的時候，右側(cè)也會自動更新變化，和本地開發(fā)的體驗完全一致！
4、其他功能
除了和本地開發(fā)體驗一致的之外，還可以看到更多的優(yōu)勢
不需要自己配置 SSH 了，GitHub 直接幫你配置好了
本地 VSCode 編輯器的菜單欄進行了移動，更好的優(yōu)化顯示空間
Pull Request 和 Issue 的查看非常方便，結(jié)合 GitHub Action 簡直爽歪歪
還有一個 Live Share 功能，使用這個可以一起看代碼編程
5、小結(jié)
【本地 IDE 已廢！編輯器大結(jié)局！】這句話并非完全的標(biāo)題黨，GitHub 處于 Beta 階段的云編輯器有相當(dāng)多的優(yōu)點！
用完即走，有網(wǎng)絡(luò)可以隨時隨地開發(fā)，不消耗本地資源
開發(fā)環(huán)境一應(yīng)俱全，注冊個賬號就能直接在線寫代碼
結(jié)合 GitHub Actions 自動集成部署無痛點
結(jié)合 Issue、Projects、Wiki 和私有倉庫等功能，對于小團隊開發(fā)吸引力極強
VSCode 在本地開發(fā)編輯器中已經(jīng)占據(jù)了半壁江山，如今 GitHub 的 Codespaces 則更上一層樓，期待該功能早日公測，給開發(fā)者更多選擇和優(yōu)質(zhì)的體驗
網(wǎng)站題目：本地 IDE 已廢！編輯器大結(jié)局！GitHub 的云 VSCode 實測
URL標(biāo)題：http://m.5511xx.com/article/cdcojip.html
