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

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

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