# react_test

**Repository Path**: wangye123456/react_test

## Basic Information

- **Project Name**: react_test
- **Description**: react上手步骤
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-04-23
- **Last Updated**: 2021-04-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 项目启动
### `npm run dev`
### `npm test`
### `npm run build`
### `npm run eject`

#### 项目步骤：
### `npm install -g create-react-app`

create-react-app my-app  //项目即创建完成

修改项目根目录下的package.json
"dev": "react-scripts start",  //即可用npm run dev

### `npm install node-sass --save-dev    //安装sass`

### `npm install react-app-rewired customize-cra --save-dev   //安装两个插件`
- 在项目根目录下，新建一个.eslintrc文件
{
  "extends": "react-app",
  "rules": {
    "no-undef": "off",
    "no-restricted-globals": "off",
    "no-unused-vars": "off",
    "eqeqeq": "off",
    "dot-location": "off"
  }
}
- 在项目根目录下，新建一个config-overrides.js文件
const {override,addWebpackAlias,useEslintRc} = require('customize-cra')
const path = require('path')

module.exports = override(
    addWebpackAlias({
        '@': path.resolve(__dirname, 'src/'),
    }),
    useEslintRc()
)
- 修改package.json中的scrips
"scripts": {
  "dev": "react-app-rewired start",
  "build": "react-app-rewired build",
  "test": "react-app-rewired test --env=jsdom",
  "eject": "react-scripts eject"
}

### `npm install react-router-dom --save  //安装路由`

### `npm install classnames --save  //灵活使用类名`

### `npm install prop-types --save  //检查开发时候的异常`

### `npm install axios --save`