如果对你有帮助可以点个赞,有时间的话也可以来个评论。
- 安装脚手架工具
cmd命令:npm install -g create-react-app 或者 cnpm install -g create-react-app
- 创建项目
create-react-app reactdemo
cd 到 reactdemo
npm start 或者 yarn start 运行项目
运行之后浏览器会自动打开,也可手动在浏览器访问http://localhost:3000,这样项目就基本的React就创建好了
2.安装antd和可能会用的包
//路由
npm install react-router-dom --save
//请求
npm install axios --save
//安装UI -- antd
npm install antd --save
//按需加载
npm install react-app-rewired customize-cra babel-plugin-import --save
- 修改package.json中的配置
"scripts": {
"start": "react-app-rewired start",
"build": "react-app-rewired build",
"test": "react-app-rewired test",
"eject": "react-scripts eject"
},
- 在项目的更目录新建config-overrides.js文件
const {
override, fixBabelImports,addWebpackAlias } = require('customize-cra')
// fixBabelImports 按需加载antd组件
const path = require('path')
module.exports = override(
fixBabelImports('import', {
libraryName: 'antd',
libraryDirectory: 'es',
style: 'css'
}),
//路径配置
addWebpackAlias({
['@']: path.resolve(__dirname, 'src')
})
)
- .到这里基本配置已经部署完毕,记得重启服务器就可以了
附antd官方文档