|
|
前期准备% y0 P3 g9 _. R" ~2 H
安装node、git (自行百度)
0 y( W. v) u/ A/ o>node -v; D- Y, W$ W& ^$ q# W% Y- W7 n
v16.20.2
0 i- ]6 _0 c T: \1 t6 w D: w% C# @# E0 Q6 C
安装% Q9 t1 M! }/ x; v- S
从github仓库中直接安装最新的脚手架代码
2 w+ ^. t: l) k. k* M- git clone --depth=1 https://github.com/ant-design/ant-design-pro.git2 m& \3 l4 T7 d
- cd ant-design-pro
; x3 H6 w4 U$ m n( W目录结构/ X" l' c, Y5 E3 p/ a
├── config # umi 配置，包含路由，构建等配置1 s* s+ B' z" P2 [/ T1 J9 B9 b
├── mock # 本地模拟数据: ]$ X. Q Q2 _5 z+ B# ]' Q
├── public
. k- E2 a2 p) c* s5 _, \5 j5 F│ └── favicon.png # Favicon
S# Q- Z1 a1 [' a# R0 Q9 U, T├── src# O; ]" K4 `: ~0 z% @
│ ├── assets # 本地静态资源
7 q3 @( R S; A2 w│ ├── components # 业务通用组件% j& |. W! X/ \* Z
│ ├── e2e # 集成测试用例
" f2 l6 [& c% L- ?│ ├── layouts # 通用布局
; n; T* c6 w- H│ ├── models # 全局 dva model
( r9 ]- |7 N. a2 _│ ├── pages # 业务页面入口和常用模板
8 Z6 ?# W2 R6 K' ^│ ├── services # 后台接口服务; Y! R( p. }3 g* w9 D
│ ├── utils # 工具库) @ t5 A3 H2 N" X
│ ├── locales # 国际化资源. }: q( R0 b" a# p
│ ├── global.less # 全局样式
: e7 F4 R9 u# F4 n* V│ └── global.js # 全局 JS
$ }- T l" J4 q) T7 O6 T9 I├── tests # 测试工具
3 G" b5 w+ }+ |├── README.md
/ c% P( V0 Z8 P. v2 o- n: e8 h└── package.json
3 S }$ Q0 B+ q- v$ ~- s1 W
本地开发
5 z# Z; t8 h/ Q( n安装依赖
w$ C/ i: X) j/ w$ i; g% n/ e- npm install yarn -g
3 b: V5 ^) H. G! O4 X - yarn install6 A. Y/ G4 s+ O- V
- yarn start
F! b7 M4 T- ~" R: L; B$ D0 r
启动完成后会自动打开浏览器访问
# f9 f. {) X# I( \" e) xhttp://localhost:8000 |
|
粤公网安备 44030402006137号 )
发表于 2023-8-11 10:51:08