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必须用到这个文件,有了这个文件,就相当于有了离线浏览的功能。

转载于:https://www.cnblogs.com/xiaomingge/p/11089428.html

react脚手架搭建项目目录介绍相关推荐

  1. React脚手架搭建及目录结构介绍

    react脚手架(create-react-app)搭建 npm install -g create-react-app create-react-app todolist (文件夹名) npm st ...

  2. React脚手架搭建项目

    React提供了一个用于创建react项目的脚手架库:create-react-app 一.项目的搭建 第一步: 全局安装 npm i -g create-react-app 第二步: 切换到准备创建 ...

  3. vue脚手架搭建项目_复习之vue脚手架搭建项目的两种方法

    安装脚手架 node 版本要求: > 8.9 . 关于旧版本:如果在这之前已经全局安装了旧版本的vue-cli(1.x 或 2.x),那么需要先卸载掉. 卸载旧版本运行:``npm uninst ...

  4. 白鹭[egret]项目目录介绍)

    白鹭[egret]项目目录介绍 前言 一.游戏项目目录 1. egretProperties.json说明 二.使用步骤 1.引入库 2.读入数据 需要免费游戏源码的请微信搜索/扫码下方小程序 扫描下 ...

  5. react脚手架创建项目报错,ReactDOM.render is no longer supported in React 18.

    react脚手架创建项目报错,ReactDOM.render is no longer supported in React 18. 最近新写一个react的项目,但是发现已经更新到了18.0的版本, ...

  6. 在react里写原生js_从零开始使用react+antd搭建项目

    之前的文章都是自己的学习日志,主要是防止自己遗忘之前遇到的坑.这次将从最基础的项目搭建开始讲起,做一个基于react和antd的后台管理系统.我会一步步进行下去,所以看完本文你哪怕不了解react,应 ...

  7. 七十五、React环境搭建,目录文件分析和JSX

    2020/11/18. 周三.今天又是奋斗的一天. @Author:Runsen React React是Facebook 2013年推出的函数式编程开源前端框架,和Vue就是两个巨头.我得赶紧搞定R ...

  8. uni-app入门及uni-app项目目录介绍

    uni-app项目路径介绍 介绍项目目录和文件作用 uni-app介绍 官方网页 uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS.Android. ...

  9. 01-使用脚手架搭建项目

    知识点1-使用脚手架 1.脚手架的基本知识点 1.脚手架本质 ---脚手架本质就是一个插件vue-cli: 2.脚手架作用 ----可以帮助我们快速创建一个项目的目录结构: 使用脚手架来搭建项目结构 ...

最新文章

  1. python语言程序设计嵩天-Python语言程序设计基础(第2版)嵩天课后答案
  2. UA MATH567 高维统计专题3 含L1-norm的凸优化6 Stochastic Gradient Descent简介
  3. select 在各浏览器中显示option的测试结果分享
  4. www.pythonchanlleges.com
  5. java代码调用python_java 直接调用python脚本,并传递参数代码实例|chu
  6. Mysql Engine【innodb,myisam】
  7. Django内置权限扩展案例
  8. 《动手学深度学习》第一天 (2.1+2.2)
  9. DedeCMS四类核心表
  10. 根据Request获取客户端IP
  11. [CB] 支付宝区块链的应用- 区块链发票医保理赔.
  12. sp_lock显示的信息说明
  13. 【面试】不容错过的12个深度学习面试问题
  14. 深度Linux操作系统使用体验
  15. 大数据可视化分析,主要有哪些大数据可视化工具?
  16. day002血字的研究
  17. 周报|吉吉拍APP正式上架应用宝
  18. 8代u能装服务器系统吗,8代U安装win7,几代U支持win7
  19. 深度学习 图像分割开源代码(附链接,超级全)
  20. Android使用微信H5支付

热门文章

  1. 定时器实现方式之TimerTask、Timer
  2. cogs 76. [NOIP2007] 统计数字
  3. 【SpringCloud】第五篇: 路由网关(zuul)
  4. 从位图数据取得位图句柄
  5. Python 生成账号密码算法
  6. hdu 4738 桥
  7. 函数重载 覆盖 隐藏
  8. Matlab英文操作系统下中文乱码的解决方案
  9. Wine下完美安装QQ 2010:
  10. html隐藏块元素过度动画,CSS3实现DIV图层隐藏到显示的过渡效果