序章
React Hook的后台管理项目,从0到1搭建,内容非常丰富涵盖项目搭建、路由配置、用户鉴权、首页报表、用户列表、前后端联调等功能,推荐指数:5颗星!
视频学习链接: React 通用后台管理-零基础从0到1详细的入门保姆级别教程——哔哩哔哩bilibili
环境配置
node版本:需要 Node.js 版本 18+
编辑器:VScode
技术栈:react react-redux axios dayjs echarts
项目搭建
创建命令
npx create-react-app my-app // 创建项目
cd my-app
npm start // 启动项目
生成目录如下
引入antd UI框架
npm install antd --save
修改 src/App.js,引入 antd 的按钮组件。可以看到效果
import React from 'react';
import { Button } from 'antd';const App: React.FC = () => (<div className="App"><Button type="primary">Button</Button></div>
);
export default App;
引入react-redux @reduxjs/toolkit
npm i react-redux @reduxjs/toolkit
讲到这里,整个项目搭建过程就完成了,由于篇幅有限,详情的视频教学 推荐视频学习链接:链接: vue3通用后台管理-零基础从0到1详细的入门保姆级别教程——哔哩哔哩bilibili