WebIDE,讓開發更簡單

 

想寫C/C++,得下Visual Studio,或者JetBrains CLion,或者CodeLite……

想寫Java,得用Eclipse,或者IntelliJ IDEA,或者NetBeans……

想寫python,得安PyCharm,或者Spyder,或者PyDev……

正所謂“安裝兩小時,代碼五分鐘”

最後,好不容易安裝好,在配置過程中一不留神誤刪了某些插件或配置~

 

 

隨着雲計算時代的全面到來,以及以上情況的時(pin)有(fan)發生,不同於傳統的本地IDE的WebIDE出爐了。

 

相較於傳統IDE,WebIDE有什麼優勢呢?

(1)免安裝。本地IDE最令人痛苦的點在於,需要根據不同需求搭建不同的開發環境,而WebIDE則完全無需擔心這一點,在瀏覽器上就可以完成所有步驟。

(2)環境恢復。基於不同需求,同一個IDE可能有好幾種配置方法,可能搗鼓來搗鼓去,想配置的沒配好,原本正常的環境還不小心給刪了,這時候唱《涼涼》也只能徒增傷感。但如果是使用 WebIDE,只需輕輕一按,重啓一下,就可以恢復原有環境了。

(3)對小白友好。爲什麼對小白友好?詳情請看(1)(2)。

 

那這WebIDE又該如何操作呢?它又能做些什麼?

 

爲了讓大家能明白如何操作,實驗樓上線了一門免費課程---《WebIDE 環境使用指南》,包含 1 個實驗。你將學習到在WebIDE環境中如何創建各編程語言項目、如何上傳/下載項目,並瞭解到WebIDE的界面佈局及常用功能。

 

建議訪問實驗樓官網,搜索“WebIDE 環境使用指南”,直接使用實驗樓的在線虛擬機學習這門課,效果會更好。

 

 


以下是課程內容部分節選

 

 

一、介紹

WebIDE 界面提供的是一個可以在瀏覽器中編輯代碼的 IDE 的界面。在 WebIDE 中,可以編輯代碼文件,打開 Terminal 終端執行 Linux 命令,還可以在 Terminal 中運行 Web 服務獲得臨時域名,打開瀏覽器進行預覽調試。本次實驗將會了解和熟悉 WebIDE 的常用功能及特點。

 

知識點

  • 爲什麼要使用 WebIDE?
  • WebIDE 的特點和優勢
  • WebIDE 使用方法介紹

 

 

二、爲什麼要使用 WebIDE?

2017 年 12 月,全球市場佔有率第一的雲計算廠商 AWS 在其開發者大會上正式推出 Cloud9,這是一款用於編寫、運行和調試代碼的 IDE,同時運行在瀏覽器中。相對於本地的 IDE,可以稱它爲 WebIDE。

2019 年,微軟在 Build 2019 開發者大會正式宣佈了 Visual Studio Online,其是 Visual Studio Code(簡稱 VS Code)的 WebIDE 版本。

VS Code 是微軟 2015 年推出的跨平臺 IDE 產品,在 2019 年的 Stack Overflow 組織的開發者調研中,VS Code 被認爲是最受開發者歡迎的開發環境,據調查 87317 名受訪者中有 50.7% 的受訪者聲稱正在使用 VS Code。

 

 

隨着雲計算時代的全面到來,WebIDE 逐漸被開發者接受和喜愛。相對於本地 IDE,WebIDE 最大的好處就是隨處可用,同時具備較好的代碼安全性。以藍橋提供的 WebIDE 環境爲例,你只需要十幾秒鐘就可以開啓線上開發環境。同時,你可以在 Mac,Windows,Linux,甚至 iPad 等平臺上使用,擁有非常好的跨平臺特性。

藍橋提供的 WebIDE 基於 Eclipse Theia 開發,提供了更多的易用功能。Eclipse Theia 是 Eclipse 基金會推出的 WebIDE 產品,其參考了 VS Code 的界面風格,同時支持 VS Code 提供的插件。簡單來講,Eclipse Theia 擁有和 VS Code 幾乎一致的體驗,如果你之前是 VS Code 的用戶,那麼可以無縫切換到藍橋的 WebIDE 環境。

當然,如果你之前對 VS Code 也不熟悉,那麼接下來將帶你入門 WebIDE 的使用。

 

 

三、WebIDE 界面

WebIDE 不同於圖形界面環境,對帶寬要求較低,所以比較適用於一些需要大量代碼編輯的場景,例如 C/C++,Java 開發和 Web 前端開發。在大多數情況下,我們更推薦你使用 WebIDE 環境,而非 Linux 圖像界面環境。

 

啓動 WebIDE 之後,你可以看到它的默認界面,大致分爲 3 部分:

代碼文件瀏覽區:左邊的區域將用於組織項目的文件結構,你可以在此區域創建各種類型的代碼文件和文件夾。

代碼文件編輯區:當你雙擊打開相應的代碼文件之後,將會呈現在編輯區域。你可以在此區域編輯代碼,編輯後的代碼會實時保存。

Linux 終端:因爲 WebIDE 本身是運行在 Linux 容器環境中,所以下方的區域是一個 Linux 終端。你可以通過終端運行命令,執行編譯、運行代碼等操作。

接下來,我們將通過多個示例項目,帶你入門 WebIDE 的使用。

 

在常規模式下輸入分號 ; 進入 shell 模式,提示符爲 shell> ,這等同於環境終端,可以執行 zsh 命令,同樣是執行完一個命令後自動退回到常規模式:

 

 

四、未完待續

課程內容篇幅辣麼大,就不全放在這裏啦,感興趣的小可愛移步至實驗樓官網搜索“WebIDE 環境使用指南”,免費在線學習章節全部內容

 

實驗後續將會學習以下內容:

  • C/C++ 示例項目
  • 前端示例項目
  • Java示例項目
  • 項目上傳和下載
  • 實驗總結

 

登錄實驗樓官網,快來一起學習吧!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章