codesandbox如何导入项目

作者：幼霜小哥哥

时间：2023-02-10

我来回答

共3个回答

明冠浩涆

回答

可以通过命令行从本地导入：npm install -g codesandboxcodesandbox ./ 使用协作沙箱创建、共享和获取反馈，以实现快速Web开发。CodeSandbox是一个为 Web 应用程序开发而构建的在线编辑器。产品特点： 1、无设置：沙箱不需要安装-使用模板启动新项目，或从GitHub回购开始，在几秒钟内开始编码。 2、速度快：沙盒是一种超高速的开发环境。它们是专门为在浏览器中快速开发网页而构建的。 3、多人协作：沙盒是协作的。就像谷歌Doc一样，但对于代码，你可以实时或异步地获得反馈并一起创建。 4、实时更新：沙盒更新是实时的，因此可以在编写代码时立即内联地看到更改的效果。 5、共享：只需单击即可共享沙盒。团队或同事只需一个URL即可加入或查看创作。产品优势： 1、快速原型制作：快速创建真实的工作原型。更早地测试想法并进行更多迭代。 2、知识共享：共同使用代码、应用程序和模板。互相学习并总结最佳实践。 3、更好的反馈：直接在编辑器中提供和获取关于代码或视觉效果的反馈。采取行动，更快地前进。收起

2023-02-12

回答

直接使用提供的公共模板，从GitHub导入：https://codesandbox.io/s/github。使用GitHubBox：将仓库地址中github.com替换为githubbox.com https://github.com/Iamxiaozhu/file-uploader-cli=> https://githubbox.com/Iamxiaozhu/file-uploader-cli安装浏览器扩展，打开GitHub，页面中会添加一个“在CodeSandBox中打开”的按钮。 CodeSandbox是一个为 Web 应用程序开发而构建的在线编辑器。使用它绝对能满足你在线代码编辑的要求，我想唯一问题就是，访问它比较慢，因为它是国外的。当然如果你会科学上网，这都不是问题。它不仅支持JavaScript三大主流框架。CodeSandbox 的代码编辑器是基于 Monaco 的，而 Monaco 是为 VSCode 的提供支持的代码编辑器。CodeSandbox 后面的发展很多地方参考了 VSCode，在 V2.5 -> v3.0 加入了能直接导入 VSCode 的主题和设置的功能，基本上能获得非常接近于本地浏览器的体验。收起

2023-02-11

明冠浩涆

回答

CodeSandbox 支持直接从 GitHub 导入项目,用法是使用codesandbox.io/s/github/后面跟上项目地址中github.com/之后的所有内容,支持分支。比如我的项目地址是https://github.com/XYShaoKang/react-development-environment/tree/basic-react-support-codesandbox那么要从这个仓库直接导入到 CodeSandbox,可以直接在浏览器中输入codesandbox.io/s/github/XYShaoKang/react-development-environment/tree/basic-react-support-codesandbox或者直接点击链接从 GitHub 导入的项目,CodeSandbox 会根据仓库中的文件来推断是属于什么项目,然后创建对应的模板,可以之后在sandbox.config.json中修改. CodeSandbox 的模板大类分为 client server presets 三类,同样大类的模板可相互切换,而不能切换到不同大类的模板.比如basic-react这个仓库,如果导入到 CodeSandbox 后,会被识别为 React,从而把 Template 设置为 React,如果我想切换为 Node 模板就不行,这个时候可以通过在仓库中添加sandbox.config.json文件,预先配置好 Template 类型来解决. 收起

2023-02-11

其它产品问答

提问

codesandbox怎么用

水桥凤芹

回答

第一部分：安装Vue Cli 第二部分：配置Vue 第三部分：打开网页，左上角Create Sandbox 第三部分：写代码第四部分：导出文件第五部分：解压文件 CodeSandbox是一个为 Web 应用程序开发而构建的在线编辑器。使用它绝对能满足你在线代码编辑的要求，我想唯一问题就是，访问它比较慢，因为它是国外的。当然如果你会科学上网，这都不是问题。它不仅支持JavaScript三大主流框架。CodeSandbox 的代码编辑器是基于 Monaco 的，而 Monaco 是为 VSCode 的提供支持的代码编辑器。CodeSandbox 后面的发展很多地方参考了 VSCode，在 V2.5 -> v3.0 加入了能直接导入 VSCode 的主题和设置的功能，基本上能获得非常接近于本地浏览器的体验。

2023-02-10

3 个回答

提问

codesandbox是什么

灵空飞竹

回答

CodeSandbox 是一个在线的代码编辑器，主要聚焦于创建 Web 应用项目。 支持常见文件格式：JavaScript、TypeScript、CSS、Less、Sass、HTML 等。 支持自动代码提示。 该平台的前端版本是开源的。 CodeSandbox 为前端开发提供了完整的代码编辑器体验和沙盒环境。其包含了很多实用功能： Npm 支持：可以添加几乎任何 npm 上可用的包； 支持 TypeScript、热更新、GitHub 导出、静态文件托管等； 使用 Monaco 编辑器构建，Monaco 是为 VSCode 的提供支持的代码编辑器，有很多相似的体验； 集成的 DevTools、linting、错误覆盖、测试框架 (Jest)等；强大的 CLI 可以直接将本地项目导入 CodeSandbox。

2023-02-10

3 个回答

问答提及产品

所在分类

集成开发环境(IDE)