安装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内部的,而现在可以自己去配置了。

文章部分内容参考:https://www.jianshu.com/p/616529c89a4d

猜你喜欢

转载自blog.csdn.net/Call_me_small_pure/article/details/82021445