umi+ dva + antd構建react工程項目(組件化開發搭建項目)
1.官方網站安裝node.js(並確保 node 版本是 10.13 或以上)
2.先確保安裝成功npm或者yarn
3.npm i yarn tyarn -g (國內源)
4.如果你沒有 npx,需要先安裝它,用於執行 node_modules 下的命令 yarn global add npx
5.開始構建項目先區分版本:
umi 3.0后也就是目前最新版本
mkdir myapp && cd myapp (新建建個項目目錄並進入項目目錄)
yarn create @umijs/umi-app (通過官方工具創建項目)
yarn (安裝依賴)
yarn start (啟動項目)
默認的腳手架內置了 @umijs/preset-react,包含布局、權限、國際化、dva、簡易數據流等常用功能。比如想要 ant-design-pro 的布局,編輯 .umirc.ts 配置 layout: {}
yarn build (構建) 部署發布--->把 dist 目錄部署到服務器上
3.0以下的版本--->參考 https://umijs.org/zh-CN/docs/upgrade-to-umi-3 配置
Umi 2.x 版本升級到 Umi 3.x 版本
mkdir myapp && cd myapp
yarn create umi
選擇 project ----> 選擇是否使用 TypeScript ----> 然后,選擇你需要的功能 antd dva 等
yarn (安裝依賴)
yarn start (啟動項目)
更多配置參考官網文檔 https://umijs.org/zh-CN/docs/getting-started