使用create-react-app创建react项目使用mobx进行状态管理

全局安装create-react-app

npm install -g create-react-app

使用create-react-app创建项目

create-react-app mobx-demo

注意：名称不能使用大写字母

运行npm run eject或者yarn eject 使得配置可修改

进入指定文件夹

cd mobx-demo

使我们可以修改配置文件

npm run eject

安装必要的Babel装饰器解释器

npm install @babel/plugin-proposal-decorators --save-dev

修改配置文件

打开package.json文件，并且找到"babel"，然后添加以下代码：

  "babel": {
    "presets": [
      "react-app"
    ],
    "plugins": [
      ["@babel/plugin-proposal-decorators", { "legacy": true }]
      ]
  },

安装mobx和mobx-react

npm install --save mobx mobx-react

安装依赖

这条命令安装上面 npm run eject改动文件之后的依赖

npm install

mobx具体使用

十分钟快速上手react之mobx、mobx-react

参考资料

react脚手架create-react-app使用

在create-react-app中使用mobx