# React项目

**Repository Path**: sun-jxing/react-project

## Basic Information

- **Project Name**: React项目
- **Description**: 使用react框架搭建的短视频播放以及直播平台（目前直播功能未完成）
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2024-08-27
- **Last Updated**: 2024-08-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Gt 短视频前端项目代码

该项目是基于 React.js 框架进行开发的，开发环境使用 vite 进行构建，结合 TypeScript 进行逻辑代码编写，路由模块使用的是 react-router-dom v6;公共状态管理使用的使用 redux。

## 目录结构

```
├─dist-electron                   electron窗体应用配置编译
├─electron                        electron窗体应用配置
├─src                             项目代码位置
│ ├─assets                        静态资源
│ │ ├─images                      图片资源文件夹
│ │ └─svgIcon                     svg图标库文件夹
│ ├─components                    公用组件库
│ ├─http                          axios请求体封装
│ │ └─api                         接口请求
│ ├─page                          页面
│ ├─routes                        路由入口
│ ├─store                         公共状态管理入口
│ ├─utils                         工具库
│ ├─App.css                       根组件样式表
│ ├─App.tsx                       根组件
│ ├─index.css                     页面样式表
│ └─main.tsx                      页面入口
├─eslintrc.cjs                    前端开发规范
├─.gitignore                      git不提交哪些文件
├─index.html                      页面入口
├─package-lock.json               版本锁定
├─package.json                    依赖管理
├─README.md                       markdown文档
├─tsconfig.json                   ts配置
├─tsconfig.node.json              ts-node配置
├─vite.config.ts                  vite项目配置
├─webpack.config.ts               webpack打包配置
```

## 开发环境

```
#依赖安装
npm install

# 项目启动
npm run dev

# 项目打包
npm run build

# 代码检查
npm run lint
```