react-project(一)

1.新建项目

create-react-app demo

2.安装第三方库redux

npm install redux --save

3.eject弹出配置文件，可以自定义配置webpack

npm run eject

注：这个命令是不可逆的

4.安装express

npm install express --save

5.安装nodemon，监听路由和响应内容，自动重启文件

npm install -g nodemon

6.安装mongodb

windows：官网 下载 安装

7.安装mongoose

npm install mongoose --save

8.安装antd-mobile

npm install antd-mobile --save

9.安装babel-plugin-import 按需加载

npm install babel-plugin-import --save

10.修改package.json

"babel": {

    "presets": [

      "react-app"

    ],

    "plugins":[

      ["import",{"libraryName":"antd-mobile","style":"css"}]

    ]

  }

 11.安装redux库

npm install redux --save

12.安装redux-thunk 异步

npm install redux-thunk --save

13.安装react-redux

npm install react-redux --save

14.安装babel-plugin-transform-decorators-legacy 方便connect

npm install babel-plugin-transform-decorators-legacy --save-dev

15.修改package.json

"babel": {

    "presets": [

      "react-app"

    ],

    "plugins": [

      [

        "transform-decorators-legacy "

      ]

    ]

  }

16.安装react-router

npm install react-router-dom --save

17.安装axios

npm install axios --save

18.修改package.json

添加

"proxy":"http://localhost:9093"

 19.express依赖cookie-parser

npm install cookie-parser --save