# 极客园-react

**Repository Path**: BouBoo-Min/geek-park-react

## 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**: 0
- **Created**: 2022-01-14
- **Last Updated**: 2022-01-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 项目介绍

## 资料

- 短信接收&M 端演示：http://geek.itheima.net/
- PC 端接口文档：http://geek.itheima.net/api-pc.html

## 项目介绍

> 「极客园」对标`CSDN`、`博客园`等竞品，致力成为更加贴近年轻 IT 从业者（学员）的科技资讯类应用  
> 产品关键词：IT、极客、活力、科技、技术分享、前沿动态、内容社交  
> 用户特点：年轻有活力，对 IT 领域前言科技信息充满探索欲和学习热情

- 极客园 PC 端项目：个人自媒体管理端
- 项目演示
- 项目功能，包括
  - 登录
  - 首页
  - 内容（文章）管理
    - 文章列表
    - 发布文章
    - 修改文章
- 技术栈：
  - `react` v17.0.2 / `react-dom` v17.0.2
  - ajax 请求库：`axios`
  - 路由：`react-router-dom` 以及 `history`
  - 富文本编辑器：`react-quill`
  - CSS 预编译器：`sass`
  - UI 组件库：`antd` v4
  - 项目搭建：React 官方脚手架 `create-react-app`

# 项目搭建

## 创建项目

1. 使用 React CLI 搭建项目：`npx create-react-app 项目名`
2. 进入项目根目录：`cd 项目名`
3. 启动项目：`yarn start`
4. 调整项目目录结构：

```tree
/src
  /assets         项目资源文件，比如，图片 等
  /components     通用组件
  /pages          页面
  /utils          工具，比如，token、axios 的封装等、
  /api            封装接口

  App.js          根组件
  index.css       全局样式
  index.js        项目入口
```

## 使用 git 管理项目