|
|
前期准备. i+ Z0 ~" k: I$ k2 W3 v+ |. T5 V
安装node、git (自行百度)7 ?1 q- w; H4 T3 u/ O3 Z% e
>node -v: e+ z4 J* p2 d2 Z
v16.20.2# f/ s; q5 F: D9 K+ z, T
0 |+ f9 i C+ D+ s7 E
安装: D" B" \/ N( e
从github仓库中直接安装最新的脚手架代码* m! r0 a* a6 K' }, S
- git clone --depth=1 https://github.com/ant-design/ant-design-pro.git
* v# i: U7 \# `; s+ p - cd ant-design-pro
复制代码
_0 d: ?- N3 C* q! l& d9 ?$ B% J1 o3 {! X: S8 t* c3 P4 a
目录结构: A( s+ }! L% O6 d {/ f
├── config # umi 配置,包含路由,构建等配置
- Q0 H: J( N! l& s$ u+ u, v├── mock # 本地模拟数据
0 ^: |0 a$ O+ L$ o7 x/ P├── public
. _$ c8 Z! ~( q% @, D│ └── favicon.png # Favicon
0 s6 n: x# e; L├── src8 d4 b( m* g- H; C
│ ├── assets # 本地静态资源
+ k* U" W' `$ c5 |- S- L6 K│ ├── components # 业务通用组件 a/ _) G9 W$ b+ R5 ^, S
│ ├── e2e # 集成测试用例
c1 B/ C: Y' `1 n: S$ Y│ ├── layouts # 通用布局- K+ f# T9 ]8 ]
│ ├── models # 全局 dva model
" f1 W$ z! z: P" E$ j4 N4 t│ ├── pages # 业务页面入口和常用模板
- J( i" A2 d T│ ├── services # 后台接口服务
& Q; Z) n/ m! z" P5 x( H, S│ ├── utils # 工具库1 c0 T1 e4 G& [# q, E; |7 @
│ ├── locales # 国际化资源
; R: {" i& E# o( u2 Y2 P* o5 X│ ├── global.less # 全局样式
" O8 |. p! _0 A( w3 l│ └── global.js # 全局 JS
; P# v. v6 Y9 K3 A+ y3 S6 k├── tests # 测试工具2 m7 b% q4 [: J8 h2 a: A
├── README.md8 k' H8 O* ?7 v; U2 o& Q( g
└── package.json 7 h* |# c' V1 {
9 a) p% }8 B* u' Z; j: Q本地开发
) b8 h! j+ @- X# G: |安装依赖7 o0 ~) _% m( M) @' \2 ?$ Z
- npm install yarn -g& V$ P# E# f5 v+ s% p
- yarn install
" j" k6 \1 ?' T! P: K! k - yarn start
复制代码 3 C( s' d" k' y. a" x3 m; e
P1 X7 J. J! t2 S* s7 o* C" P2 K启动完成后会自动打开浏览器访问# V* X8 R* V: r' a: T2 W0 b
http://localhost:8000 |
|