react搭建项目入门教程

REACT入门踩坑教学

第一步：程序员最需要的搭建项目

全局安装    

npm install -g create-react-app

然后

npx create-react-app project-name 

项目安装完毕，我们开始安装一些配置

react-router和react-router-dom

也可以安装redux、react-redux、redux-actions

antd组件库

npm i antd react-router react-router-dom redux react-redux redux-actions @types/redux-actions @types/react-router-dom @loadable/component axios loadash --save

样式默认使用sass，需要替换成less，

执行指令：npm run eject这样会在当前目录生成scripts和config文件夹。你可以修改webpack的配置

我的文件目录是这样的

其中，router.js的内容是这么写的

把router.js引入到app.js

来个最细文件夹拆分，

component放置组件，config放置配置文件，page业务层页面，router为路由文件，utils为服务器配置文件，基本目录结构已经完成！