react-project

Posted 张若昀的小迷妹

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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
 

以上是关于react-project的主要内容,如果未能解决你的问题,请参考以下文章