# react-hooks

**Repository Path**: dyhjm/react-hooks

## Basic Information

- **Project Name**: react-hooks
- **Description**: 采用react18的版本开发的后台管理端，hooks + ts 全新设计， useContext useReducer useState
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 7
- **Created**: 2022-05-13
- **Last Updated**: 2022-05-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# react-hooks

#### 介绍
采用react18的版本开发的后台管理端，hooks + ts 全新设计， useContext useReducer useState

#### 软件架构
软件架构说明


#### 安装教程

1.  xxxx
2.  xxxx
3.  xxxx

#### 使用说明

1.  xxxx
2.  xxxx
3.  xxxx


#### eslint安装

1.  npm i eslint -D
2.  初始化配置文件./node_modules/.bin/eslint --init 或者npx eslint --init都一样，会在根目录生成一个.eslintrc.js
3.  校验非js格式的文件，通常Eslint只能校验js文件，如果我们要校验.vue、.jsx文件该怎么做呢，只配置vue-eslint-parser的解析器是不够的，还需要让Eslint在查找文件的时候找得到.vue文件。可以通过--ext指定需要校验的文件格式
4.  在上面的规则当中进入官方文档的配置规则，在全部规则的列表里面带有标志的规则表示可以被Eslint自动修复，那么我们如何自动修复呢？只需要通过--fix的命名即可，和检验文件的命令相似，只需要再加上修复命令即可
    ```
    npx eslint --fix src
    ```
5.  当然在项目中每次自己输入太过于繁琐也不好记，我们可以在package.json中配置检测和修复命令
    ```
    {
       "scripts": {
           "lint": "npx eslint --ext .js,.jsx,.vue src",
           "lint:fix": "npx eslint --fix --ext .js,.jsx,.vue src",
       }
    }
    ```
6.  过滤自己不需要检测的文件，在某些情况下我们不需要检测某些文件，或者由于某些原因在当前场景下不想去检测某个文件，我们只需要在项目根目录去创建.eslintignore文件，在其中指定目录或者文件即可，路径是以根目录为相对地址的路径。同时Eslint是默认忽略/node_modules/的文件的，这个目录不需要配置

#### 下载prettier 
1.  npm i prettier -D，然后执行npx prettier --write index.js，我们可以发现刚才不工整的代码，全部都变得工工整整了。
2.  配置 .prettierrc.js  或者 .prettierrc（json格式）
#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request


#### 特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)