WebIDE，让开发更简单
?
想寫C/C++，得下Visual Studio，或者JetBrains CLion，或者CodeLite……
想寫Java，得用Eclipse，或者IntelliJ IDEA，或者NetBeans……
想寫python，得安PyCharm，或者Spyder，或者PyDev……
正所謂“安裝兩小時(shí)，代碼五分鐘”
最后，好不容易安裝好，在配置過程中一不留神誤刪了某些插件或配置~
?
?
隨著云計(jì)算時(shí)代的全面到來，以及以上情況的時(shí)（pin）有（fan）發(fā)生，不同于傳統(tǒng)的本地IDE的WebIDE出爐了。
?
相較于傳統(tǒng)IDE，WebIDE有什么優(yōu)勢呢？
（1）免安裝。本地IDE最令人痛苦的點(diǎn)在于，需要根據(jù)不同需求搭建不同的開發(fā)環(huán)境，而WebIDE則完全無需擔(dān)心這一點(diǎn)，在瀏覽器上就可以完成所有步驟。
（2）環(huán)境恢復(fù)?；诓煌枨?#xff0c;同一個(gè)IDE可能有好幾種配置方法，可能搗鼓來搗鼓去，想配置的沒配好，原本正常的環(huán)境還不小心給刪了，這時(shí)候唱《涼涼》也只能徒增傷感。但如果是使用 WebIDE，只需輕輕一按，重啟一下，就可以恢復(fù)原有環(huán)境了。
（3）對(duì)小白友好。為什么對(duì)小白友好？詳情請看（1）（2）。
?
那這WebIDE又該如何操作呢？它又能做些什么？
?
為了讓大家能明白如何操作，實(shí)驗(yàn)樓上線了一門免費(fèi)課程---《WebIDE 環(huán)境使用指南》，包含 1 個(gè)實(shí)驗(yàn)。你將學(xué)習(xí)到在WebIDE環(huán)境中如何創(chuàng)建各編程語言項(xiàng)目、如何上傳/下載項(xiàng)目，并了解到WebIDE的界面布局及常用功能。
?
建議訪問實(shí)驗(yàn)樓官網(wǎng)，搜索“WebIDE 環(huán)境使用指南”，直接使用實(shí)驗(yàn)樓的在線虛擬機(jī)學(xué)習(xí)這門課，效果會(huì)更好。
?
?
以下是課程內(nèi)容部分節(jié)選
?
?
一、介紹
WebIDE 界面提供的是一個(gè)可以在瀏覽器中編輯代碼的 IDE 的界面。在 WebIDE 中，可以編輯代碼文件，打開 Terminal 終端執(zhí)行 Linux 命令，還可以在 Terminal 中運(yùn)行 Web 服務(wù)獲得臨時(shí)域名，打開瀏覽器進(jìn)行預(yù)覽調(diào)試。本次實(shí)驗(yàn)將會(huì)了解和熟悉 WebIDE 的常用功能及特點(diǎn)。
?
知識(shí)點(diǎn)
- 為什么要使用 WebIDE？
- WebIDE 的特點(diǎn)和優(yōu)勢
- WebIDE 使用方法介紹
?
?
二、為什么要使用 WebIDE？
2017 年 12 月，全球市場占有率第一的云計(jì)算廠商 AWS 在其開發(fā)者大會(huì)上正式推出 Cloud9，這是一款用于編寫、運(yùn)行和調(diào)試代碼的 IDE，同時(shí)運(yùn)行在瀏覽器中。相對(duì)于本地的 IDE，可以稱它為 WebIDE。
2019 年，微軟在 Build 2019 開發(fā)者大會(huì)正式宣布了 Visual Studio Online，其是 Visual Studio Code（簡稱 VS Code）的 WebIDE 版本。
VS Code 是微軟 2015 年推出的跨平臺(tái) IDE 產(chǎn)品，在 2019 年的 Stack Overflow 組織的開發(fā)者調(diào)研中，VS Code 被認(rèn)為是最受開發(fā)者歡迎的開發(fā)環(huán)境，據(jù)調(diào)查 87317 名受訪者中有 50.7% 的受訪者聲稱正在使用 VS Code。
?
?
隨著云計(jì)算時(shí)代的全面到來，WebIDE 逐漸被開發(fā)者接受和喜愛。相對(duì)于本地 IDE，WebIDE 最大的好處就是隨處可用，同時(shí)具備較好的代碼安全性。以藍(lán)橋提供的 WebIDE 環(huán)境為例，你只需要十幾秒鐘就可以開啟線上開發(fā)環(huán)境。同時(shí)，你可以在 Mac，Windows，Linux，甚至 iPad 等平臺(tái)上使用，擁有非常好的跨平臺(tái)特性。
藍(lán)橋提供的 WebIDE 基于?Eclipse Theia?開發(fā)，提供了更多的易用功能。Eclipse Theia 是 Eclipse 基金會(huì)推出的 WebIDE 產(chǎn)品，其參考了 VS Code 的界面風(fēng)格，同時(shí)支持 VS Code 提供的插件。簡單來講，Eclipse Theia 擁有和 VS Code 幾乎一致的體驗(yàn)，如果你之前是 VS Code 的用戶，那么可以無縫切換到藍(lán)橋的 WebIDE 環(huán)境。
當(dāng)然，如果你之前對(duì) VS Code 也不熟悉，那么接下來將帶你入門 WebIDE 的使用。
?
?
三、WebIDE 界面
WebIDE 不同于圖形界面環(huán)境，對(duì)帶寬要求較低，所以比較適用于一些需要大量代碼編輯的場景，例如 C/C++，Java 開發(fā)和 Web 前端開發(fā)。在大多數(shù)情況下，我們更推薦你使用 WebIDE 環(huán)境，而非 Linux 圖像界面環(huán)境。
?
啟動(dòng) WebIDE 之后，你可以看到它的默認(rèn)界面，大致分為 3 部分：
代碼文件瀏覽區(qū)：左邊的區(qū)域?qū)⒂糜诮M織項(xiàng)目的文件結(jié)構(gòu)，你可以在此區(qū)域創(chuàng)建各種類型的代碼文件和文件夾。
代碼文件編輯區(qū)：當(dāng)你雙擊打開相應(yīng)的代碼文件之后，將會(huì)呈現(xiàn)在編輯區(qū)域。你可以在此區(qū)域編輯代碼，編輯后的代碼會(huì)實(shí)時(shí)保存。
Linux 終端：因?yàn)?WebIDE 本身是運(yùn)行在 Linux 容器環(huán)境中，所以下方的區(qū)域是一個(gè) Linux 終端。你可以通過終端運(yùn)行命令，執(zhí)行編譯、運(yùn)行代碼等操作。
接下來，我們將通過多個(gè)示例項(xiàng)目，帶你入門 WebIDE 的使用。
?
在常規(guī)模式下輸入分號(hào)?;?進(jìn)入 shell 模式，提示符為?shell>?，這等同于環(huán)境終端，可以執(zhí)行 zsh 命令，同樣是執(zhí)行完一個(gè)命令后自動(dòng)退回到常規(guī)模式：
?
?
四、未完待續(xù)
課程內(nèi)容篇幅辣么大，就不全放在這里啦，感興趣的小可愛移步至實(shí)驗(yàn)樓官網(wǎng)，搜索“WebIDE 環(huán)境使用指南”，免費(fèi)在線學(xué)習(xí)章節(jié)全部內(nèi)容！
?
實(shí)驗(yàn)后續(xù)將會(huì)學(xué)習(xí)以下內(nèi)容：
- C/C++ 示例項(xiàng)目
- 前端示例項(xiàng)目
- Java示例項(xiàng)目
- 項(xiàng)目上傳和下載
- 實(shí)驗(yàn)總結(jié)
?
登錄實(shí)驗(yàn)樓官網(wǎng)，快來一起學(xué)習(xí)吧！
總結(jié)
以上是生活随笔為你收集整理的WebIDE，让开发更简单的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Go语言入门指南，带你轻松学Go
- 下一篇： 如何使用 Go 语言搭建企业级高并发服务