Mac React工程目录各自作用

118 阅读1分钟

我们在VSCode中搭建完毕脚手架之后,我们会看到多了很多的文件,那么我们对每个目录的作用进行一个记录整理.

1.README.md文件:使用方法文档.里面记录包含了很多的命令,包括运行、打包等等,没事可以看看.

2.src文件:开发用的源代码目录。我们在搭建好脚手架之后,需要将此目录下面的所有文件全部删除,但是却不要删除这个src的文件夹,只是把里面的文件给删除.删除过后,我们创建一个名字为:

index.js

的文件,必须叫这个名字.这个文件就是项目的入口,里面就是根节点.

3.public文件:静态公共目录,一般不怎么变.

4.package.json文件:会给到依赖包中大致的版本号.

5.package-lock.json文件:锁定安装时包的版本号,保证团队的依赖能保证一致.这个就会给到依赖包中非常精准的版本号,二级和三级的版本号也会给到,所以说非常重要.

6.node_modules文件:所有的依赖安装目录.多达几万的文件.

项目多人合作中,我们拉取的代码是哪部分?

WechatIMG111.jpeg

如图所示,除了node_modules文件夹,其他的都会拉取到.

根据package文件安装依赖的是哪个命令?
   npm i

如上命令就可以根据package文件中描述的依赖进行依赖包的安装.

WechatIMG112.jpeg