13.7K ·GitHub
这是什么?
CodeSandbox 是一个用于快速进行 Web 开发的在线 IDE:一个即时可用、功能齐全的编码环境,直接在浏览器中运行,任何设备都能使用,因此你无需搭建本地环境,就能快速启动 Web 项目和做原型。
它是一个我在网上使用的网站,还是要装到自己电脑上的软件?
它是一个 Web 应用:你在任意设备的浏览器里直接使用,什么都不用安装。这个仓库里放的是该 Web 客户端的源代码。
我怎么开始使用它?
在浏览器中打开 CodeSandbox,新建一个项目即可——IDE 立刻就能用,文档在项目官网上。如果你想开发客户端代码本身,请克隆这个仓库,用 Node.js 16 和 yarn 来构建。
如果我想在本地改这个客户端,需要准备什么?
Node.js 16(仓库锁定 ^16.0.0)和 yarn:这个客户端是一个 Lerna monorepo,所以要在根目录统一安装并构建各个包。仓库里还带了 Dockerfile,如果你更愿意在容器里运行也可以。
我能用这个仓库跑起一套自己的完整 CodeSandbox 平台吗?
不能——这个仓库只是客户端。CodeSandbox 由多个独立的服务端组成,其中只有一部分开源了:除了这个 Web 应用之外,还有 Phoenix API 服务器、Nginx 配置、Git Extractor 和 CLI,它们各自放在单独的仓库里。
这个项目有多久历史、有多火?
它从 2016 年 12 月起就托管在 GitHub 上,目前有大约 13.6k 颗星,是一个长期维护、被广泛使用的代码库,而不是周末随手写出来的小实验。
在沙盒里我实际能做些什么?
创建 Web 应用、试验代码、验证想法、轻松分享作品——一切都在浏览器里完成,这也是项目自己的描述。
从源码构建这个客户端有多吃资源?
相当吃资源:生产构建会把 Node 的内存堆调到 4 GB,用 Lerna 编译 monorepo 里的每一个包,然后再复制静态资源。
What are similar projects?
razzle, todomvc, mitosis, blobatar, konva, ckeditor5, storybook, generator-jhipster
Which topics is it in?
prototyping, preact, code-editor, svelte, angular, ide, monorepo, editor, vue, cloud, web-app, web-development