react脚手架搭建项目目录介绍


readme.md --项目介绍自定义一些项目信息以及简单使用

package.json  --dependencies下管理生产环境所用的包及版本

      ---devDependencies里得插件只用于开发环境,不用于生产环境     

      ---name项目名称

      ---version项目版本

      ---scripts项目启动等功能设置

package.lock.json  ---上线锁定版本信息

gitignore         ---这个是git的选择性上传的配置文件,比如一会要介绍的node_modules文件夹,就需要配置不上传。

public             ---公共文件,里边有公用模板和图标等一些东西

public文件夹介绍

这个文件都是一些项目使用的公共文件,也就是说都是共用的,我们就具体看一下有那些文件吧。

  • favicon.ico : 这个是网站或者说项目的图标,一般在浏览器标签页的左上角显示。

  • index.html : 首页的模板文件,我们可以试着改动一下,就能看到结果。

  • mainifest.json:移动端配置文件。

src                 ---主要代码编写文件,这个文件夹里的文件对我们来说最重要,都需要我们掌握

src文件夹介绍

这个目录里边放的是我们开放的源代码,我们平时操作做最多的目录。

  • index.js : 这个就是项目的入口文件。

  • index.css :这个是index.js里的CSS文件。

  • app.js : 这个文件相当于一个方法模块,也是一个简单的模块化编程。

  • serviceWorker.js: 这个是用于写移动端开发的,PWA必须用到这个文件,有了这个文件,就相当于有了离线浏览的功能。

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM