|
|
前期准备% }0 U$ c- [7 G
安装node、git (自行百度)( j/ h. i# S6 H! ^, C/ @1 q
>node -v
7 F% `3 _% \1 k v16.20.2* E* V, k9 n7 J2 N+ P* S o/ D; A
* ]) h* N+ l( Y1 E! \% O! t# o, v安装' B+ O( O9 l+ G5 ~+ j1 J) ], Z
从github仓库中直接安装最新的脚手架代码4 k# F: q& X" r) ^2 W% K! b
- git clone --depth=1 https://github.com/ant-design/ant-design-pro.git
( [8 G5 q- L- H7 M- V% w8 P - cd ant-design-pro
复制代码 6 e1 ^ s5 k0 O O
- H' P4 f9 ?0 n; o8 C目录结构$ D: }5 o2 T) j/ W
├── config # umi 配置,包含路由,构建等配置" u9 _3 m4 k2 K( H) m2 F
├── mock # 本地模拟数据+ f- B. p- L/ ?' _( d; R
├── public8 h$ Q) f5 i! }5 B0 d& @; E( m, d! N
│ └── favicon.png # Favicon% s! `# a: k$ N1 ] C( L
├── src
& s4 ~+ X5 W, ]0 K3 v) j, A2 W. ^│ ├── assets # 本地静态资源
! c. Y! \) a1 S. k! x│ ├── components # 业务通用组件
& ]4 |+ W6 `. @! g6 y C5 N U│ ├── e2e # 集成测试用例9 L; A8 R U, x$ ?
│ ├── layouts # 通用布局1 y3 K4 z5 R# |! c/ K/ V1 F
│ ├── models # 全局 dva model
; ~& d. q$ w) _5 G, ?│ ├── pages # 业务页面入口和常用模板
0 h/ h5 j% a$ t4 |' U│ ├── services # 后台接口服务
I7 u% m# \7 {4 P+ q│ ├── utils # 工具库 O7 ]6 h2 v. B. ^& \( a
│ ├── locales # 国际化资源
. S4 ?* m e6 I0 C│ ├── global.less # 全局样式
. h& r6 ^) D7 t' n5 r! m. v* V' u) W; Z│ └── global.js # 全局 JS
! T1 \+ V1 j1 |: i- }5 ?' [├── tests # 测试工具
& s* V! r! U2 _├── README.md, Q, }3 L7 k- q; [9 h
└── package.json
' }) `% m3 K1 r: k& i6 E* [
0 R7 a# i) \) _& R$ O( w4 ?本地开发
# w4 H, \) D% i9 B7 X, J安装依赖
- g7 Q7 E" Z( \2 }! }# D, @! F& @- npm install yarn -g
( B0 J+ b$ J5 K1 l - yarn install
7 P2 `& m, |9 U' P) @- E - yarn start
复制代码 % J9 w7 d. v' n. `; R; q# J
, J$ |0 Z5 T% H. Y0 |1 L
启动完成后会自动打开浏览器访问
& l: b9 X/ s2 L( {+ ?- e5 h. N7 V% ]3 Jhttp://localhost:8000 |
|