React项目理解

241 阅读1分钟

利用create-react-app创建一个项目,在终端中在想要创建该项目的文件夹中输入指令

    npx create-react-app file

然后我们就在目标文件下得到了这样一个文件夹

image.png

react项目中的文件作用

  1. node_modules:存放的一些需要依赖的文件,都是脚手架需要的,我们都不需要动
  2. public:公共资源文件,例:iconfont字体库、以及入口文件index.html(页面模板)等
  3. src:是项目源码文件,一般做开发就在这个文件夹
  4. .gitignore:如果需要忽略一些功能不能上传,就可以在这里设置,将不想上传的文件名在.gitignore中指出,git add .时就会忽略.gitignore里指出的文件。
  • 注释符号#开头的行都会被git忽略
  • 匹配模式最后跟斜杠(/)说明要忽略的是目录
  • 要忽略指定模式意外的文件或目录,可以在模式前加上感叹号(!)进行取反
  1. package.json:一些说明和引用,还有指令
  2. README.md:项目说明文件
  3. yarn.lock:锁定了安装的精确版本以及所有依赖项。