reactjs - 如何在没有 npm install 的情况下从 github 运行 react 项目

首页 > 解决方案 > 如何在没有 npm install 的情况下从 github 运行 react 项目

问题描述

我是全新的反应，所以我想我会通过修补来自 github 的其他人的代码来学习，但问题是，每次我从 github 克隆一个 repo 到 vs 代码时，它只是带有裸代码而不是节点模块。这是否意味着我每次尝试从 github 运行 react 项目时都必须执行 npm install ？另外，假设我自己做了一个 react 项目并将其放在 github 上。我假设我也会在没有节点模块的情况下放置它。那么这是否意味着每个想要运行我的项目的人也必须这样做？有没有什么高效快捷的方式来运行项目？

标签： reactjsgithub

解决方案

“我是全新的反应”

首先，您也可以在没有 a 的情况下学习 react node environment（通过简单的示例更容易学习基础知识。您可以在react docs下找到无穷无尽的代码笔）。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />

    <title>Hello React!</title>

    <script src="https://unpkg.com/react@16/umd/react.development.js"></script>
    <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
    <script src="https://unpkg.com/babel-standalone@6.26.0/babel.js"></script>
  </head>

  <body>
    <div id="root"></div>

    <script type="text/babel">
      class App extends React.Component {
        render() {
          return <h1>Hello world!</h1>
        }
      }

      ReactDOM.render(<App />, document.getElementById('root'))
    </script>
  </body>
</html>

.gitignore

在root文件夹下添加.gitignore文件并在里面输入node modules（Git 应该忽略的未跟踪文件）。

** 这个想法可以防止您的 repo 存储/下载无休止的额外文件。

来自create-react-app存储库的示例：

Git - gitignore 文档：** https://git-scm.com/docs/gitignore
相关问：Git - 忽略 node_modules 文件夹无处不在

安装 package.json 依赖

默认情况下，npm install 将安装 package.json 中列为依赖项的所有模块。https://docs.npmjs.com/cli/install

在你下载/克隆一个 repo 之后，你应该运行npm install（即 package.json 所在的位置）来安装你的package.json依赖项（这个命令在你的本地node_modules 文件夹中添加依赖项）。

反应应用

react-app repo 的工作方式略有不同 - 通过一个命令，它可以设置您的整个开发环境（包括 NPM 依赖项）。

clone react-app相关 StackOverflow Q：从拉取的 github 项目启动 React App

类似：nextjs

“创建 React 应用程序”网站/文档： https ://create-react-app.dev/

学习曲线

我的建议：学习一些基础node/npm课程（Youtube/Google/Medium/Linkedin-learning/udemy/treehouse/Books 等等）。无法通过 StackOverflow 回答真正涵盖您的 Q。

推荐阅读