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

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