安装react脚手架('create-react-app' 不是内部或外部命令?)

1. npm install create-react-app -g
2. create-react-app myReact

有人可能会碰到‘create-react-app’ 不是内部或外部命令… 此时用 npx create-react-app myReact 来替代第二步

安装完react脚手架的目录如下:

这里写图片描述

第三步,进入myReact目录运行react

3\.  npm start

打包命令:

  npm run build

安装路由

npm i -S react-router react-router-dom

查看线上生产环境的运行效果


npm install -g pushstate-server

pushstate-server build

项目整体配置信息,在项目路径 /package.json中。

如果想要自己配置webpack或者其他设置,就要执行命令:npm run eject来弹出脚手架帮我们隐藏的配置文件。
(过程中要选择输入y/N分别来确认y或取消N操作,因为这个操作是单向,不可逆的)

Eject之后的目录下文件结构
多了两个文件夹:configscripts
1、config文件夹下主要是webpack的详细配置文件,一般不需要修改。
2、 scripts文件夹下的几个js文件其实就是实际执行我们npm run命令的的配置,一般也不需要需改。
现在我们再回来看看package.json文件,东西多了很多依赖,之前都是封装在react-scripts内部的,而现在可以自己去配置了。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、脚手架create-react-app使用 打开 http://localhost:3000/ 访问你的应用。...
    JennyGao66阅读 5,754评论 0 3
  • 写在前面的话 阅读本文之前,先看下面这个webpack的配置文件,如果每一项你都懂,那本文能带给你的收获也许就比较...
    不忘初心_9a16阅读 8,464评论 0 17
  • 又到深夜了 在这个孤独的冬季 聆听着夜空 感受着寒冷与寂寞 似乎习惯了这种气息 我知道 没有谁会陪伴我到深夜的 没...
    幽兰33阅读 1,930评论 5 12
  • 首先 先上图 这里面的方法其实不多 我们先来一个一个的看 首先是ServiceHandler 它继承Handler...
    愤怒的板蓝根阅读 1,274评论 0 0
  • 楼下的客厅,老弟又在舒展筋骨,营造出来的各种声音堪比部队野战。隔壁家的孩子时不时传出几声啼哭,许是他会说话前唯...
    小混混儿阅读 2,372评论 0 0