codesandbox如何导入项目

我来回答
共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
其它产品问答
第一部分:安装Vue Cli 第二部分:配置Vue 第三部分:打开网页,左上角Create Sandbox 第三部分:写代码 第四部分:导出文件 第五部分:解压文件 CodeSandbox是一个为 Web 应用程序开发而构建的在线编辑器。使用它绝对能满足你在线代码编辑的要求,我想唯一问题就是,访问它比较慢,因为它是国外的。当然如果你会科学上网,这都不是问题。它不仅支持JavaScript三大主流框架。CodeSandbox 的代码编辑器是基于 Monaco 的,而 Monaco 是为 VSCode 的提供支持的代码编辑器。CodeSandbox 后面的发展很多地方参考了 VSCode,在 V2.5 -> v3.0 加入了能直接导入 VSCode 的主题和设置的功能,基本上能获得非常接近于本地浏览器的体验。
2023-02-10
3 个回答
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 个回答
查看更多
消息通知
咨询入驻
商务合作