创建react项目

1,全局安装脚手架

npm i -g create-react-app

2.创建项目

create-react-app rproject

3.运行项目

npm start

注：在启动过程中可能会有端口号已经占用情况

修改端口号方法：

修改package.json中的“start”方法：

"start": "set PORT=3001&&react-scripts start",

4.安装路由

npm install --save react-router-dom

5.安装less

npm install less less-loader --save-dev

6.安装antd

npm install antd --save

再app.css中引入css 

@import '~antd/dist/antd.css';

7.安装axios

npm install axios --save

实例代码

import React,{Component} from 'react';
import { Button } from 'antd';
import { render } from 'react-dom';
class Content extends Component {
    constructor(props){//constructor 方法是类的构造函数，是一个默认方法，通过 new 命令创建对象实例时，自动调用该方法。一个类必须有 constructor 方法
        super(props);
        //在 constructor 中必须调用 super 方法，因为子类没有自己的 this 对象，而是继承父类的 this 对象，然后对其进行加工,而 super 就代表了父类的构造函数。super 虽然代表了父类 A 的构造函数，但是返回的是子类 B 的实例，即 super 内部的 this 指的是 B
        this.state={

        }
    }
render() {
    return (
        <div className="Content">
            <Button type="primary">Primary</Button>
        </div>
    );
}
}
export default Content;