目錄

?

?

地址

安裝

目錄結(jié)構(gòu)

本地開發(fā)

打部署包

路由控制

---

?

地址

首頁：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

目錄結(jié)構(gòu)

我們已經(jīng)為你生成了一個完整的開發(fā)框架，提供了涵蓋中后臺開發(fā)的各類功能和坑位，下面是整個項(xiàng)目的目錄結(jié)構(gòu)。

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

本地開發(fā)

安裝依賴。

$ npm install

如果網(wǎng)絡(luò)狀況不佳，可以使用?cnpm?進(jìn)行加速。

$ npm start

?

打部署包

npm run build

?

路由控制

config/router.config.js

?

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。