react需要用到的配置步骤

最新推荐文章于 2023-10-19 17:53:37 发布

原创最新推荐文章于 2023-10-19 17:53:37 发布 · 281 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #react

react 专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了使用Create React App创建项目、安装axios、mobx、React Router、Ant Design等依赖的过程，以及解决初次运行mobx报错的方法，并指导如何修改babel配置以支持mobx装饰器。

第一个，创建文件
npx create-react-app my-app
第二个，下载axios
npm install axios -s
第三个，使用mobx
npm install --save-dev @babel/plugin-proposal-decorators mobx
第四个，处理初次运行mobx报错
git add .
第五个，处理初次运行mobx报错
git commit -am “msg”
第六个，运行mobx
npm run eject
第七个，修改babel内容
“babel”: {
“presets”: [
“react-app”
],
“plugins”: [
[
“@babel/plugin-proposal-decorators”,
{
“legacy”: true
}
]
]
}
第八个，下载mobx
npm install mobx-react
第九个，下载路由
npm install react-router-dom -s
第十个，下载antd
npm add antd
第十一个，下载antd icon
npm install --save @ant-design/icons