Codesandbox 簡單易用 簡易教學

CodeSandbox 是一個基於瀏覽器的集成開發環境 (IDE),旨在讓開發者能夠快速地編寫、測試和分享網頁及後端應用程式的原型和程式碼

所以 IDE 是什麼?

整合開發環境(Integrated Development Environment,簡稱IDE,也稱為Integration Design Environment、Integration Debugging Environment)是一種輔助程式開發人員開發軟體應用軟體,在開發工具內部就可以輔助編寫原始碼文字、並編譯打包成為可用的程式,有些甚至可以設計圖形介面。

IDE通常包括程式語言編輯器自動構建工具、通常還包括除錯器。有些IDE包含編譯器直譯器,如微軟的Microsoft Visual Studio,有些則不包含,如EclipseSharpDevelop等,這些IDE是通過呼叫第三方編譯器來實現代碼的編譯工作的。有時IDE還會包含版本控制系統和一些可以設計圖形使用者介面的工具。許多支援物件導向的現代化IDE還包括了類別瀏覽器、物件檢視器、物件結構圖。雖然目前有一些IDE支援多種程式語言(例如EclipseNetBeansMicrosoft Visual Studio),但是一般而言,IDE主要還是針對特定的程式語言而量身打造(例如Visual BasicSpyder)。

codesandbox 怎麼用

好,我可能聽懂了,才怪~直接告訴我怎麼用吧~

用 codesandbox 線上編緝器 ,好處是:

  • 不需要再做安裝的動作
  • 自動架設好連外網的伺服器
  • 可以直接引用 github 的開源專案

首先要使用 codesanbox 非常簡單

  1. 打開 google 收尋 codesandbox,code sand box 的意思 就是程式的沙盒。

2. 第一個就是了,點進去

再開始使用之前,還是要提醒各位,codesandbox 的免費版本會將所有程式碼公開,所以:

密碼什麼的,千萬不要明碼的放上去,
密碼什麼的,千萬不要明碼的放上去,
密碼什麼的,千萬不要明碼的放上去,

重要的事情說3次,請注意。

--

--

Wolke@林建宏 A Man Co-work with AI use coding tool
📝 軟體開發

作為一名啟發者而存在。 -致力於分享經驗和知識,幫助開拓、行動、克服。 Badge: - LINE Expert - Google Developer Expert Books: - 應用詠唱釋放程式生產力 ... - 程式輕鬆入門到完整學習 ... Being: - 大學社群論壇