一條龍服務:
1甘萧、全局安裝create-react-app
npm install -g create-react-app
2打颤、創(chuàng)建項目似嗤,安裝依賴
create-react-app my-react-app
3旷偿、進入項目
cd my-react-app
4砚作、啟動項目
npm start
項目啟動懂扼,只有一個頁面禁荸,下面開始安裝路由,創(chuàng)建屬于自己的結構
打開項目阀湿,在src下赶熟,創(chuàng)建幾個新的文件夾
1、創(chuàng)建pages文件夾陷嘴,放路由組件
2映砖、創(chuàng)建router文件夾,放路由js
3灾挨、創(chuàng)建store文件夾邑退,放redux
4、創(chuàng)建utils文件夾劳澄,放js工具類
項目目錄如圖
項目目錄
配置路由:
首先安裝路由組件:react-router-dom
npm install react-router-dom --save-dev
router.js如下
router.js
index.js修改如下
index.js
最后地技,看下pages里
這里引用了immutable,需要安裝一下秒拔,npm install immutable
參考鏈接:immutable詳解
home.jsx
啟動項目即可莫矗,自帶熱更新。
下邊提供將src根路徑替換成@的方法,效果如下圖
router.js
方法:1趣苏、安裝react-app-rewired?
npm install react-app-rewired --save-dev
2、跟路徑下梯轻,添加config-overrides.js,如下
config-overrides.js
3食磕、修改package.json,如下
packjson.json
ok,先到這里
github地址:https://github.com/shenqinglin/react-antdesign.git
以后會慢慢將項目添加豐滿