如何将项目 (React) 从公共沙箱导入到本地项目文件夹？答案

【问题标题】：How can I import projects (React) from a public sandbox to a local project folder?如何将项目 (React) 从公共沙箱导入到本地项目文件夹？
【发布时间】：2020-03-03 23:16:06
【问题描述】：

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

例如，我想使用沙盒示例 (https://codesandbox.io/s/k9r9692m77) 作为此问题 (Add and remove data to table - React) 中的答案。

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

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

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

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

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

【问题讨论】：

标签： reactjs sandbox

【解决方案1】：

You can download the project as a zip

解压
在终端打开
npm 我
npm run start 它应该会弹出在浏览器中的 localhost:3000

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

【讨论】：

成功了！两个问题，1）即使我没有使用 create-react-app 进行设置，这仍然被视为 React 应用程序吗？ 2) 对于我在问题中链接的沙箱中的代码，入口点是 index.js 吗？所以如果我想要它是 App.js，我是否必须创建一个名为 App.js 的新文件，将相关代码移到那里，然后将入口点更改为 App.js？
1.是的，这是一个反应应用程序。即使您没有使用 create-react-app 设置它，它也是使用 create react app 创建的。 2. 如果你想改变 index.js -> app.js，你需要做几个步骤。 i）“npm runeject”并接受后果ii）在“config/path.js”中将“appIndexJs：resolveApp（'src/index.js'）”更改为appIndexJs：resolveApp（'src/app.js'），
在 2020 年 9 月，根据您的屏幕截图，我看不到下载 zip 链接！

【解决方案2】：

将鼠标悬停在向下箭头上，您将获得 Export To Zip 选项

【讨论】：