Javascript 哪些文件夹是无用的,哪些文件夹在ReactJS中很重要?

Javascript 哪些文件夹是无用的,哪些文件夹在ReactJS中很重要?,javascript,reactjs,Javascript,Reactjs,我运行这个命令来创建一个ReactJS应用程序 npx create react app learningapp 这创建了几个文件夹现在,我不知道其中哪些是重要的。我的意思是我不知道他们的目的 有人能简单地解释一下他们的目的吗 node_模块——非常重要,因为这将包含所有npm包及其安装的依赖项的完整列表 public——非常重要,它包含web服务器提供的静态文件 Index.html——react应用程序将在其中注入元素的Index.html文件。我相信这是唯一的“基本”文件 如果您希望

我运行这个命令来创建一个ReactJS应用程序

npx create react app learningapp

这创建了几个文件夹现在,我不知道其中哪些是重要的。我的意思是我不知道他们的目的

有人能简单地解释一下他们的目的吗

  • node_模块——非常重要,因为这将包含所有npm包及其安装的依赖项的完整列表

  • public——非常重要,它包含web服务器提供的静态文件

    • Index.html——react应用程序将在其中注入元素的Index.html文件。我相信这是唯一的“基本”文件
    • 如果您希望您的网页能够无缝安装为移动应用程序,则此文件夹中的其他文件将包含徽标和清单。manifest.json文件包含关于应用程序图标和类似图标的信息
    • Favicon是您在标签标题中看到的小徽标
    • robots.txt将提供机器人访问您网站的说明。如果您愿意,请在此处阅读()
  • src——非常重要,它将包含您的源代码。如果你想让你的应用做任何事情,删除这个文件夹是不明智的。如果您想将其重命名为其他名称,您可以,但您必须弄乱网页包的配置。因此,不值得付出额外的努力。但是,您可以更改文件夹内容

    • 除非您需要性能监控并正在为应用程序编写测试,否则您可以安全地删除测试文件和报告webvitals内容。您也可以在其他地方制作测试文件,它是否在这里并不重要。只需确保您配置了测试库,以便它查找正确的文件
    • 此文件夹中的其余文件可以随意修改,但请尽量不要触碰index.js,除非您想弄乱网页配置以更改入口点。Webpack在编译期间将index.js作为构建其依赖关系树的入口点
  • .gitignore——这是跟踪文件夹时可以告诉git忽略的文件/文件夹。此文件的一个常见候选文件是node_modules文件夹

  • package.json/package.json——非常重要,除非您知道自己在做什么,否则不要直接处理这些问题。这包含有关npm包的信息,您需要这些信息来正确运行项目。需要处理package.json的情况是,您需要添加一些定制的npm脚本,这通常非常有用

  • README.md——例如,您的自述文件用于在github repo上显示有关项目的信息。你可以删除它,但只需在上面放一些包含回购基本信息/它的功能


它们都很重要:
node\u模块
:依赖关系,
src
:您的源代码,
public
:由web服务器提供的静态文件为什么您认为它们中的任何一个都是无用的?你读过吗?@jornsharpe我知道它们可能都对应用程序有用,但对我来说,我会用index.html、app.js编写代码。那么节点_模块和文件(如manifest.json、robots.txt)的用途是什么?找到这些东西很容易,去你选择的搜索引擎,键入“what is for”-例如,对于
节点\u模块/
。这些不是CRA特有的。