|
|
前期准备$ d; ]% i( m. A6 e$ G
安装node、git (自行百度)2 r# |$ F8 g# i! ~. c, j
>node -v
: f: a5 B8 U" @4 _9 F/ B9 E v16.20.2
, p, W7 M! B0 h9 [* ]% Y% R8 w; W8 n- k& T7 H
安装" @* q1 T. N8 P! M5 P
从github仓库中直接安装最新的脚手架代码4 X9 ]$ H- j0 O) S
- git clone --depth=1 https://github.com/ant-design/ant-design-pro.git
$ g7 ]: r, Z; Q0 a0 L; g4 Q - cd ant-design-pro
复制代码 " w' `( A. x; ?) x2 u9 t6 Y
! n+ F( _0 o& V$ f目录结构) _- x) q! b1 ~7 g6 U
├── config # umi 配置,包含路由,构建等配置
) G. q& \7 N7 |0 }├── mock # 本地模拟数据1 q& S9 T0 W3 L, x" Z/ \0 k" ?
├── public
% d1 _& {$ S: M1 K1 P7 e! V│ └── favicon.png # Favicon, t4 t' @" v( Q9 m9 X
├── src
0 ]3 r, U! D7 d6 L; |) u9 S* A│ ├── assets # 本地静态资源
! R( A) e% Z' A6 ?│ ├── components # 业务通用组件9 `; E9 O8 n; h4 u$ P* p2 B: f
│ ├── e2e # 集成测试用例
7 r+ f. m8 q7 T' J1 @, t) Q│ ├── layouts # 通用布局5 T6 q$ R# [6 n
│ ├── models # 全局 dva model( U* c7 o% C5 l
│ ├── pages # 业务页面入口和常用模板" V5 O( \! j, N
│ ├── services # 后台接口服务# X0 d* ^$ U, ^7 G/ [4 r
│ ├── utils # 工具库/ O5 S+ ?* h {7 \2 K5 D
│ ├── locales # 国际化资源/ G2 b) D& X' O2 W
│ ├── global.less # 全局样式
6 V$ J5 k3 ~# p1 P a│ └── global.js # 全局 JS
; t/ @0 i2 K. D" P' i├── tests # 测试工具& m( A: m7 G* @& W" \9 ]
├── README.md
# X/ @6 J$ W) n0 x; B└── package.json ; t1 ]! B/ j4 N1 z2 O* }3 D
. V. H! z2 @3 n, z. O! c' r本地开发
. l$ ]" Q0 k+ k安装依赖
6 m2 |1 J( ^: c$ C1 G% f, m; s& u- npm install yarn -g
1 ]: c0 _1 w6 x6 T2 U - yarn install9 }, J% f' s+ X4 ?
- yarn start
复制代码
- B+ X2 }" H! L$ a
$ A; A0 a4 E' ~' a E' p启动完成后会自动打开浏览器访问
" J1 @# T A7 \http://localhost:8000 |
|