Replit和CodeSandbox哪個好用

Replit 是一個很有意思的產品，其愿景是：Bring the next billion software creators online，我們可以將其簡單理解為編程領域的 Figma 或者 Google Docs，也就是基于瀏覽器的云端協同開發平臺（The collaborative browser based IDE ）。通過它，我們不需要在本地安裝、配置任何軟件，就可以非常簡單的在網頁端寫代碼、構建、部署和托管應用等幾乎所有流程，同時還可以在里面實現實時的協同。

Replit是一個基于瀏覽器的云端協同開發平臺，可用于構建開發環境、實時協作、托管網絡應用等。Replit提供創建HTML靜態網站和PHP、SQLite動態網站項目的服務，并會自動生成免費https三級域名（格式為：項目.用戶名.repl.co） 以Typecho為例，在Replit上建立PHP+MySQL網站步驟如下： 1：訪問https://repl.it。Replit是國外的網站，所以加載會很慢。 2：注冊帳號。可以用你常用的郵箱注冊。注冊后檢查收件箱點擊鏈接驗證帳戶。 3：注冊結束后Replit會自動登錄你的帳號，并詢問一些身份信息（可以跳過）。點選首頁側邊欄按鈕，選擇“Create a Repl”（創建項目） 4：在項目欄中選擇“PHP Web Server”，并填寫項目名稱。 5：Replit自動加載開發環境后，將測試用的“index.php”文件刪除。在Typecho官網下載最新的Typecho程序文件，以比較麻煩的多個文件夾/文件形式導入。導入完成后點擊Start按鈕，運行服務。 6：搭建SQL數據庫。免費的SQL Hosting服務不是沒有，推薦一個https://freedb.tech。注冊后點擊dashboard，填寫你的用戶名和數據庫名，系統會自動生成一個隨機的密碼。回到你托管的網站，訪問 域名/install.php，在安裝頁面填入數據庫信息，編碼選擇utf8mb4。（utf8會報500錯誤） 7：網站搭建成功。 其它架構同理。注意：Replit并不支持NET.ASP。

創建一個新項目后，你可以在編輯器中編寫代碼，然后點擊運行按鈕或使用快捷鍵來運行你的代碼。

可以通過命令行從本地導入：npm install -g codesandboxcodesandbox ./ 使用協作沙箱創建、共享和獲取反饋，以實現快速Web開發。CodeSandbox是一個為 Web 應用程序開發而構建的在線編輯器。 產品特點： 1、無設置：沙箱不需要安裝-使用模板啟動新項目，或從GitHub回購開始，在幾秒鐘內開始編碼。 2、速度快：沙盒是一種超高速的開發環境。它們是專門為在瀏覽器中快速開發網頁而構建的。 3、多人協作：沙盒是協作的。就像谷歌Doc一樣，但對于代碼，你可以實時或異步地獲得反饋并一起創建。 4、實時更新：沙盒更新是實時的，因此可以在編寫代碼時立即內聯地看到更改的效果。 5、共享：只需單擊即可共享沙盒。團隊或同事只需一個URL即可加入或查看創作。 產品優勢： 1、快速原型制作：快速創建真實的工作原型。更早地測試想法并進行更多迭代。 2、知識共享：共同使用代碼、應用程序和模板。互相學習并總結最佳實踐。 3、更好的反饋：直接在編輯器中提供和獲取關于代碼或視覺效果的反饋。采取行動，更快地前進。

第一部分：安裝Vue Cli 第二部分：配置Vue 第三部分：打開網頁，左上角Create Sandbox 第三部分：寫代碼 第四部分：導出文件 第五部分：解壓文件 CodeSandbox是一個為 Web 應用程序開發而構建的在線編輯器。使用它絕對能滿足你在線代碼編輯的要求，我想唯一問題就是，訪問它比較慢，因為它是國外的。當然如果你會科學上網，這都不是問題。它不僅支持JavaScript三大主流框架。CodeSandbox 的代碼編輯器是基于 Monaco 的，而 Monaco 是為 VSCode 的提供支持的代碼編輯器。CodeSandbox 后面的發展很多地方參考了 VSCode，在 V2.5 -> v3.0 加入了能直接導入 VSCode 的主題和設置的功能，基本上能獲得非常接近于本地瀏覽器的體驗。

CodeSandbox 是一個在線的代碼編輯器，主要聚焦于創建 Web 應用項目。 ?支持常見文件格式：JavaScript、TypeScript、CSS、Less、Sass、HTML 等。 ?支持自動代碼提示。 ?該平臺的前端版本是開源的。 CodeSandbox 為前端開發提供了完整的代碼編輯器體驗和沙盒環境。其包含了很多實用功能： ?Npm 支持：可以添加幾乎任何 npm 上可用的包； ?支持 TypeScript、熱更新、GitHub 導出、靜態文件托管等； ?使用 Monaco 編輯器構建，Monaco 是為 VSCode 的提供支持的代碼編輯器，有很多相似的體驗； ?集成的 DevTools、linting、錯誤覆蓋、測試框架 (Jest)等； 強大的 CLI 可以直接將本地項目導入 CodeSandbox。