如何将项目(反应)从公共沙箱导入本地项目文件夹?

时间:2020-03-03 23:16:06

标签: reactjs sandbox

在CodeSandbox中为React编写的StackOverflow上有很多示例,我想知道如何将文件下载到本地文件夹中,以便在诸如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 installnpm start。但是我不认为这是一种有效的方法,尤其是在项目具有大量单个文件的情况下。

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

让我知道是否需要进一步的信息。

1 个答案:

答案 0 :(得分:1)

You can download the project as a zip

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

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