如何将项目 (React) 从 public 沙箱导入到本地项目文件夹?

How can I import projects (React) from a public sandbox to a local project folder?

Whosebug 上有很多用 CodeSandbox for React 编写的示例,我想知道如何将文件下载到我可以在 Atom 等编辑器中编辑和更改的本地文件夹中。

例如,我想使用沙盒示例(https://codesandbox.io/s/k9r9692m77) given as an answer in this question ()。

我能想到的唯一方法是通过以下类似的过程:

npx create-react-app my-app
cd my-app

然后将所有文件分别复制并粘贴到 my-app 并执行 npm install,然后 npm start。但我觉得这不是一种有效的方法,尤其是当项目有很多单独的文件时。

我对 React 或 Sandbox 的工作不多,所以当我在 Sandbox 中看不到 React 项目的 App.js 文件时,我有点困惑,但项目仍在运行(我猜这是通过 index.js 文件)。这可能仅适用于我在此问题中链接的沙盒代码。

如果需要更多信息,请告诉我。

You can download the project as a zip

  1. 提取它
  2. 在终端中打开
  3. npm i
  4. npm 运行 开始,它应该会弹出 在浏览器中 localhost:3000

在项目 package.json 中,有一个名为 main 的字段,您可以使用它来设置应用程序的入口点。这可以用来代替App.js。更多信息可用 here

将鼠标悬停在向下箭头上,您将看到“导出到 Zip”选项

我必须单击左上角用户名旁边的汉堡包图标,然后单击 File -> Export to ZIP