|
|
前期准备
. q8 B3 C% D6 j% }% M安装node、git (自行百度)8 U% J2 X5 k1 X! N% K* @9 C
>node -v
' K+ s3 Q" u7 ] v16.20.2& G& X# B" D9 d5 S
0 o! L2 D& F9 \* O4 [9 K9 v
安装
" @4 r+ l$ O# i4 T; Z2 c从github仓库中直接安装最新的脚手架代码
& o% I8 f* T. t3 f9 v5 Q4 M6 H; o- git clone --depth=1 https://github.com/ant-design/ant-design-pro.git7 P2 ?. S' w8 g Z3 f/ g
- cd ant-design-pro
h% R$ h' ?5 O% z
目录结构. |1 x! F/ ?3 c7 J/ H
├── config # umi 配置，包含路由，构建等配置4 K) [; c- |1 \; m; ~& a
├── mock # 本地模拟数据6 Y$ n. h; N: [( @9 Z
├── public
8 B) V7 x: v5 b# M│ └── favicon.png # Favicon7 Q% _4 @* c9 t7 Z
├── src; \; A4 x! k6 j
│ ├── assets # 本地静态资源" j+ j# v% e( d b. R# A
│ ├── components # 业务通用组件9 [: ~2 p8 @5 s4 r7 t/ v9 a1 b0 o
│ ├── e2e # 集成测试用例* H" X4 T, U: ~9 G; _' y3 w5 B6 v
│ ├── layouts # 通用布局/ l" h- n: ^3 C
│ ├── models # 全局 dva model
2 U2 N! S6 z- K│ ├── pages # 业务页面入口和常用模板
) {# W8 V; c6 q5 o; G0 ?│ ├── services # 后台接口服务$ Y$ Y1 V2 q, q+ Q
│ ├── utils # 工具库 I* x0 [, }4 x% B$ @
│ ├── locales # 国际化资源
. W& Z1 f2 r/ m3 O: G" \$ z│ ├── global.less # 全局样式) o6 ^$ W1 R. V* I
│ └── global.js # 全局 JS
6 H8 x# d. |9 i* d7 b├── tests # 测试工具
- l9 y) g, U$ `- W% h├── README.md' [* z' S3 ]# c6 j
└── package.json
4 C d/ j$ e( b, b! [
本地开发6 X3 S" e [/ r" O6 c( R
安装依赖
- b0 G! |' h3 `4 a. ^; j9 [- npm install yarn -g
. D% D' I2 I; G1 b V - yarn install0 A5 {) J( {& o
- yarn start
z0 M M! l9 {8 P" j- }$ A0 U6 ]. u0 [0 R% g7 p8 Q3 g
启动完成后会自动打开浏览器访问( l4 T" m3 b# b I0 K6 W
http://localhost:8000 |
|
粤公网安备 44030402006137号 )
发表于 2023-8-11 10:51:08