# react-jike

**Repository Path**: lhstudycode/react-jike

## Basic Information

- **Project Name**: react-jike
- **Description**: react-jike项目练习
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-08-16
- **Last Updated**: 2024-09-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# jike项目笔记

## 创建一个React项目

```bash
npx create-react-app jike
```
## 运行项目

```bash
cd jike
npm start
```

## 项目目录结构
```bash
|-- jike
    |-- .gitignore
    |-- package-lock.json
    |-- package.json
    |-- README.md
    |-- public      
    |   |-- favicon.ico
    |   |-- index.html
    |   |-- logo192.png
    |   |-- logo512.png
    |   |-- manifest.json
    |   |-- robots.txt
    |-- src                 # 项目源码目录
        |-- App.css         # 全局样式文件
        |-- App.js          # 根组件文件
        |-- index.js        # 入口文件
        |-- apis            # 存放接口请求文件
        |-- assets          # 存放静态资源文件
        |-- components      # 存放公共组件文件
        |-- pages           # 存放路由组件文件
        |   |-- Layout
        |   |   |-- index.jsx
        |   |-- Login
        |       |-- index.jsx
        |-- router          # 存放路由配置文件
        |   |-- index.js
        |-- store           # 存放redux相关文件
        |-- utils           # 存放工具函数文件

```

# 配置别名

### 安装craco
```bash
npm i @craco/craco -D
```
### 在根目录下创建craco.config.js文件，并写入以下内容：
```javascript
const path = require('path');

module.exports = {
  webpack: {
    alias: {
      '@': path.resolve(__dirname,'src')
    }
  }
};
```

### 在package.json中添加以下内容：
```json
"scripts": {
 mp
}
```

### 联想路径配置
在项目根目录下创建创建jsconfig.json文件，并写入以下内容：
```json
{  
  "compilerOptions": {  
    "baseUrl": "./",  
    "paths": {  
      "@/*": ["src/*"]  
    }  
  },
  "exclude": [
    "node_modules",
    "build"
  ]
}
```