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