react官网:https://react.docschina.org/
前奏:安装node、npm
步骤:
(1)npm install -g create-react-app(作用: 配置开发环境,使用最新的 JavaScript 特性;提供一个友好的开发体验,并为生产环境优化您的应用)
安装成功截图:
(2)在你准备新建项目的位置打开cmd,执行下面的语句:
create-react-app my-app(作用:创建项目,my-app是项目名)
成功截图:
(3)cd my-app(作用:进入项目)
(4)npm start(作用: 运行)
项目框架搭建完毕,接下来就是开发和根据自己的需要安装相公库和依赖
(5)
1)npm run eject
作用:弹出配置文件,使得开发人员可以自定义修改webpack配置
理由:去node_modules 改配置,多人开发时需要每个人都去修改,是不合理的。最好先把config包拉到项目里,然后再修改。
2)
结束:
(1)默认端口为3000
(2)端口修改方式:
1) package.json 文件;
2)"start": "react-scripts start" =》(修改为) "start": "set PORT=9000 && react-scripts start"
9000 为新的端口
原文:https://www.cnblogs.com/AmberNi/p/11219439.html