如何将项目 (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
- 提取它
- 在终端中打开
- npm i
- npm 运行 开始,它应该会弹出
在浏览器中 localhost:3000
在项目 package.json 中,有一个名为 main 的字段,您可以使用它来设置应用程序的入口点。这可以用来代替App.js。更多信息可用 here
将鼠标悬停在向下箭头上,您将看到“导出到 Zip”选项
我必须单击左上角用户名旁边的汉堡包图标,然后单击 File
-> Export to ZIP
。
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
- 提取它
- 在终端中打开
- npm i
- npm 运行 开始,它应该会弹出 在浏览器中 localhost:3000
在项目 package.json 中,有一个名为 main 的字段,您可以使用它来设置应用程序的入口点。这可以用来代替App.js。更多信息可用 here
将鼠标悬停在向下箭头上,您将看到“导出到 Zip”选项
我必须单击左上角用户名旁边的汉堡包图标,然后单击 File
-> Export to ZIP
。