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. SQLyog普通版与SQLyog企业版对比分析
  2. Docker镜像相关命令
  3. 递归法实现库函数strlen
  4. 图像处理理论(六)——Harris, Eigenface
  5. 操作Checkbox标签
  6. mysql names gb2312_mysql_query(set names gb2312)设置客户端字符集
  7. 大数据之Kafka入门简介
  8. 因“智”而治,数据库自动驾驶时代大门即将开启!
  9. corssover linux运行无效,使用 CrossOver 在 Linux运行 Windows 软件(金测OK)
  10. PostgreSQL 视图、子查询
  11. java jquery时间问候语,js实现实时问候,不同时间显示不同问候语
  12. 【操作系统 · 调度】多处理器 实时调度
  13. 安全管家安卓_网速管家安卓5.4版本全面上线,多场景网络体验全面升级
  14. 如何将鼠标计算机配置放到板载,罗技G500S游戏鼠标配备有板载内存让鼠标脱离驱动实现自定义功能...
  15. 还在用百度找资源?试试这3个顶级资源搜索网站,没有找不到的!
  16. PVE下的黑群晖的其他后续设置
  17. 电脑解锁后黑屏有鼠标_电脑开机黑屏就剩鼠标怎么回事?
  18. 自媒体数据运营saas_向媒体宣传您的SaaS
  19. Qualcomm平台下基于QSEE的指纹识别方案移植之五多厂商兼容方案
  20. 印度和印度尼西亚有什么关系吗?

热门文章

  1. python中__init__.py的作用、module和package
  2. 在Salesforce中调用外部系统所提供的的Web Service
  3. Sublime Text插件列表
  4. Android 热补丁动态修复框架小结
  5. Linux umask限制导致php的mkdir 0777无效
  6. Collection中list集合的应用常见的方法
  7. css的一种预处理器 sass
  8. Delphi关于多线程同步的一些方法
  9. hide show vue 动画_Vue2.x学习四:过渡动画
  10. OpenCV测试程序