利用脚手架工具搭建一个新的react项目

一,工程架构

1.使用的是create-react-app脚手架工具搭建的工程架构

npm install create-react-app -g全局安装
create-react-app react-jdm(你的项目名)

2.提交项目

2.1 git init 提交本地仓库
2.2 git add .
2.3 git commit -m ‘提交注释’

3. 对配置文件进行暴露,配置webpack

npm run eject(没有提交git add . 则无法使用这个命令,会报错)
执行完这个命令之后,config里可以看见配置文件,相关的webpack配置修改在webpack.config.js文件中进行修改。

3.npm start 起项目

4.自带文件哪些可以删除?

public文件夹里的图片,robots.txt可以删掉,mainifest.json里是描述信息,不要删,index.html不要删。

src文件夹里面的serviceWorker.js可以删除,服务线程,App.css,App.test.js,logo.svg删掉,在src建一个新的asses文件夹

将文件删掉之后,相关引入的语句记得在index.js和App.js文件里面删掉,还有manifest.json里的icon都删掉。

接下来,你就可以开始写你滴项目啦!

利用脚手架工具搭建一个新的react项目相关推荐

  1. 【React进阶-1】从0搭建一个完整的React项目(入门篇)

    这篇文章带领大家从零开始手动撸一个React项目的基础框架,集成React全家桶.万字长文,请各位有足够的时间时再来阅读和学习. 概述 平时工作中一直在用React提供的脚手架工具搭建React项目, ...

  2. react全家桶从0搭建一个完整的react项目(react-router4、redux、redux-saga)

    react全家桶从0到1(最新) 本文从零开始,逐步讲解如何用react全家桶搭建一个完整的react项目.文中针对react.webpack.babel.react-route.redux.redu ...

  3. github项目怎么运行_利用 GitHub 从零开始搭建一个博客

    "NightTeam",一个值得加星标的公众号. 趁着周末,搭建了一下 NightTeam 的官方博客和官方主页,耗时数个小时,两个站点终于完工了. 由于 NightTeam 的域 ...

  4. Vue.js 介绍及其脚手架工具搭建

    vue.js介绍 (MVVM.核心思想) vue.js 是一套轻量级的 MVVM 的渐进式框架.Vue 的核心库只关注视图层. vue.js 的官方网址是:点我,我是网址 MVVM 介绍 MVVM 全 ...

  5. 利用 GitHub 从零开始搭建一个博客

    "NightTeam",一个值得加星标的公众号. 趁着周末,搭建了一下 NightTeam 的官方博客和官方主页,耗时数个小时,两个站点终于完工了. 由于 NightTeam 的域 ...

  6. 如何利用 GitHub 从零开始搭建一个博客

    趁着周末,搭建了一下 NightTeam 的官方博客和官方主页,耗时数个小时,两个站点终于完工了. 由于 NightTeam 的域名是 nightteam.cn,所以这里官方博客使用了二级域名 blo ...

  7. 手把手带你用next搭建一个完善的react服务端渲染项目(集成antd、redux、样式解决方案)

    前言 本文参考了慕课网jokcy老师的React16.8+Next.js+Koa2开发Github全栈项目,也算是做个笔记吧. 源码地址 github.com/sl1673495/n- 介绍 Next ...

  8. 通过python利用Django框架搭建一个属于自己的免费网站(已更新)

    大家好,我是天空之城,今天给大家带来,通过python利用Django框架搭建一个属于自己的免费网站. 以下是网上找到的免费教程,https://djangogirlstaipei.gitbooks. ...

  9. [Web]如何利用Boostrap框架搭建一个还可以的静态网站(六_子页)

    文章目录 返回总结 整体效果 组件 vedio题目 vedio博主介绍 vedio vedio用户留言 电子烟评测块 辩论块 代码 html ElectronicCigarettes.html 返回总 ...

最新文章

  1. Python入门100题 | 第018题
  2. 元宇宙iwemeta:元宇宙催生新的行业机会,看看你能抓住哪些机遇?
  3. Yii:$app来源
  4. 小白学JAVA,与你们感同身受,JAVA---day6:抽象类接口的理解。鲁迅的一句话:总之岁月漫长,然而值得等待。
  5. 在IDEA中设置自己的名字和时间
  6. IB客座主编(三):西门子(中国)有限公司工业业务领域楼宇科技集团杜明轩(Christophe de Maistre)先生...
  7. RMAN异机恢复遭遇ORA-01547、ORA-01152、ORA-01110错误案例
  8. InnoDB文件系统
  9. win32汇编-窗口 对话框 (三)
  10. 02 ZooKeeper分布式集群安装
  11. JNI FindClass出错的一种特殊情况
  12. python时间序列库_python Pandas库基础分析之时间序列的处理详解
  13. 蓝桥杯 java 时间显示
  14. 如何利用物联网关实现智慧路灯杆组网通信
  15. 基金仓位“88%魔咒”再现 百点长阳能否击破?
  16. (转)那些年不容错过的硅谷IT公司
  17. 如何用看板工具做轻量级项目管理
  18. 【MySql:当前读与快照读】
  19. 赵小楼《天道》《遥远的救世主》深度解析(116)论天国的女人
  20. WIFI基础入门--802.11--用户身份验证--7

热门文章

  1. 07.尚硅谷网课7-实战练习
  2. Android Studio在win10第二显示器模糊解决办法
  3. 有房间匹配和无房间匹配
  4. 微信小程序CanvasContext.drawImage的用法
  5. 495. 提莫攻击(不会)
  6. 路由器购买指南,和网络不稳定、断网说拜拜
  7. 弘辽科技:淘宝提升销量怎么越提升越没流量?是什么原因?
  8. windows11补充——Insider Preview 10.0.22623.1028 (ni_release)
  9. 设定是否使用IOB中的寄存器
  10. 从零实现Transformer、ChatGLM-6B、本地知识库、模型(训练/推理)加速