首页
软件分类
排行榜
案例库
资讯
直播
登录
首页
CodeSandbox
codesandbox如何导入项目
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 个回答
查看更多
问答提及产品
CodeSandbox
暂无评分
0条点评
使用协作沙箱创建、共享和获取反馈,以实现快速Web开发。
咨询产品
免费试用
所在分类
集成开发环境(IDE)
同类产品推荐
查看更多
Syncfusion Essential Studio
3.7
40条点评
一个全面的 Xamarin UI 控件包
Visual Studio Code
3.8
40条点评
一个轻量级但功能强大的源代码编辑器。
Cloud Foundry
3.2
20条点评
为云原生应用程序交付提供了一种高效、现代的模型
IntelliJ IDEA
3.2
40条点评
智能编码辅助和符合人体工程学的设计共同使开发不仅富有成效,而且令人愉快
NetBeans
3.5
40条点评
一个集开发环境、工具平台和应用框架为一体的工具
产品对比
更多同类产品比较
CodeSandbox
Eclipse
CodeSandbox
Kite
CodeSandbox
The Jupyter Notebook
CodeSandbox
Visual Studio
CodeSandbox
Syncfusion Essential Studio
消息通知
咨询入驻
扫描下方二维码
咨询产品入驻
商务合作
如有商务合作需求
请扫码联系我吧