目錄

?

?

地址

安裝

目錄結構

本地開發

打部署包

路由控制

---

?

地址

首頁：https://pro.ant.design/index-cn

源碼：https://github.com/ant-design/ant-design-pro/

文檔：https://pro.ant.design/docs/getting-started-cn

?

安裝

$ git clone --depth=1 https://github.com/ant-design/ant-design-pro.git my-project $ cd my-project

目錄結構

我們已經為你生成了一個完整的開發框架，提供了涵蓋中后臺開發的各類功能和坑位，下面是整個項目的目錄結構。

├── config # umi 配置，包含路由，構建等配置 ├── mock # 本地模擬數據 ├── public │ └── favicon.png # Favicon ├── src │ ├── assets # 本地靜態資源 │ ├── components # 業務通用組件 │ ├── e2e # 集成測試用例 │ ├── layouts # 通用布局 │ ├── models # 全局 dva model │ ├── pages # 業務頁面入口和常用模板 │ ├── services # 后臺接口服務 │ ├── utils # 工具庫 │ ├── locales # 國際化資源 │ ├── global.less # 全局樣式 │ └── global.js # 全局 JS ├── tests # 測試工具 ├── README.md └── package.json

本地開發

安裝依賴。

$ npm install

如果網絡狀況不佳，可以使用?cnpm?進行加速。

$ npm start

?

打部署包

npm run build

?

路由控制

config/router.config.js

?

總結

以上是生活随笔為你收集整理的Ant Design Pro 开发上手的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。