登錄
codesandbox如何導(dǎo)入項(xiàng)目
我來(lái)回答
共3個(gè)回答
明冠浩涆
回答
可以通過(guò)命令行從本地導(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、無(wú)設(shè)置：沙箱不需要安裝-使用模板啟動(dòng)新項(xiàng)目，或從GitHub回購(gòu)開始，在幾秒鐘內(nèi)開始編碼。
2、速度快：沙盒是一種超高速的開發(fā)環(huán)境。它們是專門為在瀏覽器中快速開發(fā)網(wǎng)頁(yè)而構(gòu)建的。
3、多人協(xié)作：沙盒是協(xié)作的。就像谷歌Doc一樣，但對(duì)于代碼，你可以實(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)勢(shì)：
1、快速原型制作：快速創(chuàng)建真實(shí)的工作原型。更早地測(cè)試想法并進(jìn)行更多迭代。
2、知識(shí)共享：共同使用代碼、應(yīng)用程序和模板?；ハ鄬W(xué)習(xí)并總結(jié)最佳實(shí)踐。
3、更好的反饋：直接在編輯器中提供和獲取關(guān)于代碼或視覺(jué)效果的反饋。采取行動(dòng)，更快地前進(jìn)。
收起
2023-02-12
廣告
回答
直接使用提供的公共模板，從GitHub導(dǎo)入：https://codesandbox.io/s/github。使用GitHubBox：將倉(cāng)庫(kù)地址中g(shù)ithub.com替換為githubbox.com
https://github.com/Iamxiaozhu/file-uploader-cli=> https://githubbox.com/Iamxiaozhu/file-uploader-cli安裝瀏覽器擴(kuò)展，打開GitHub，頁(yè)面中會(huì)添加一個(gè)“在CodeSandBox中打開”的按鈕。
CodeSandbox是一個(gè)為 Web 應(yīng)用程序開發(fā)而構(gòu)建的在線編輯器。使用它絕對(duì)能滿足你在線代碼編輯的要求，我想唯一問(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)。
收起
2023-02-11
明冠浩涆
回答
CodeSandbox 支持直接從 GitHub 導(dǎo)入項(xiàng)目,用法是使用codesandbox.io/s/github/后面跟上項(xiàng)目地址中g(shù)ithub.com/之后的所有內(nèi)容,支持分支。比如我的項(xiàng)目地址是https://github.com/XYShaoKang/react-development-environment/tree/basic-react-support-codesandbox那么要從這個(gè)倉(cāng)庫(kù)直接導(dǎo)入到 CodeSandbox,可以直接在瀏覽器中輸入codesandbox.io/s/github/XYShaoKang/react-development-environment/tree/basic-react-support-codesandbox或者直接點(diǎn)擊鏈接從 GitHub 導(dǎo)入的項(xiàng)目,CodeSandbox 會(huì)根據(jù)倉(cāng)庫(kù)中的文件來(lái)推斷是屬于什么項(xiàng)目,然后創(chuàng)建對(duì)應(yīng)的模板,可以之后在sandbox.config.json中修改.
CodeSandbox 的模板大類分為 client server presets 三類,同樣大類的模板可相互切換,而不能切換到不同大類的模板.比如basic-react這個(gè)倉(cāng)庫(kù),如果導(dǎo)入到 CodeSandbox 后,會(huì)被識(shí)別為 React,從而把 Template 設(shè)置為 React,如果我想切換為 Node 模板就不行,這個(gè)時(shí)候可以通過(guò)在倉(cāng)庫(kù)中添加sandbox.config.json文件,預(yù)先配置好 Template 類型來(lái)解決.
收起
2023-02-11
其它產(chǎn)品問(wèn)答
提問(wèn)
水橋鳳芹
回答
第一部分：安裝Vue Cli
第二部分：配置Vue
第三部分：打開網(wǎng)頁(yè)，左上角Create Sandbox
第三部分：寫代碼
第四部分：導(dǎo)出文件
第五部分：解壓文件
CodeSandbox是一個(gè)為 Web 應(yīng)用程序開發(fā)而構(gòu)建的在線編輯器。使用它絕對(duì)能滿足你在線代碼編輯的要求，我想唯一問(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)。
2023-02-10
3 個(gè)回答
提問(wèn)
靈空飛竹
回答
CodeSandbox 是一個(gè)在線的代碼編輯器，主要聚焦于創(chuàng)建 Web 應(yīng)用項(xiàng)目。
?支持常見(jiàn)文件格式：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ò)誤覆蓋、測(cè)試框架 (Jest)等；
強(qiáng)大的 CLI 可以直接將本地項(xiàng)目導(dǎo)入 CodeSandbox。
2023-02-10
3 個(gè)回答
查看更多
問(wèn)答提及產(chǎn)品
同類產(chǎn)品推薦
查看更多
Syncfusion Essential Studio
3.7
40條點(diǎn)評(píng)
一個(gè)全面的 Xamarin UI 控件包
Visual Studio Code
3.8
40條點(diǎn)評(píng)
一個(gè)輕量級(jí)但功能強(qiáng)大的源代碼編輯器。
Cloud Foundry
3.2
20條點(diǎn)評(píng)
為云原生應(yīng)用程序交付提供了一種高效、現(xiàn)代的模型
IntelliJ IDEA
3.2
40條點(diǎn)評(píng)
智能編碼輔助和符合人體工程學(xué)的設(shè)計(jì)共同使開發(fā)不僅富有成效，而且令人愉快
NetBeans
3.5
40條點(diǎn)評(píng)
一個(gè)集開發(fā)環(huán)境、工具平臺(tái)和應(yīng)用框架為一體的工具
消息通知
咨詢?nèi)腭v
商務(wù)合作
