|
|
前期准备# |8 a5 \$ u" ]4 w. o% S
安装node、git (自行百度)' c# \( y9 T% q) }
>node -v. \4 @, y5 V" s5 z" J$ `
v16.20.2! n$ G0 u3 ~( m H
: @3 M! T- p2 Q% b1 e安装" ]9 r, i ]; B, U; \2 W( F" \
从github仓库中直接安装最新的脚手架代码
) t. P* v: u0 t8 b% ?: v- git clone --depth=1 https://github.com/ant-design/ant-design-pro.git9 U, R+ H6 P8 Y8 i8 j
- cd ant-design-pro
/ [1 i7 X) D4 _, w
% L, E- F# p+ y3 Z. n% s' G; w3 h7 r目录结构9 {9 x' G r/ r% Y7 e
├── config # umi 配置，包含路由，构建等配置/ [: w& X% T( j: T
├── mock # 本地模拟数据
3 k5 P: J" A' B7 ?$ o7 Z├── public
' Y8 R; S. k. ?1 {7 U9 I│ └── favicon.png # Favicon7 f9 G1 l% F, d6 s9 G/ |
├── src. C7 H% e- J& d
│ ├── assets # 本地静态资源
- p" M' N2 H( [, U│ ├── components # 业务通用组件8 Q' i! u L8 u4 s# o/ |
│ ├── e2e # 集成测试用例
* M( P) q0 V$ {. Y+ d│ ├── layouts # 通用布局* m% Y6 j. O2 |- c# w& y" G) @$ V
│ ├── models # 全局 dva model/ Q( r* f: _8 w
│ ├── pages # 业务页面入口和常用模板
9 j1 H' H% R, T' {! m│ ├── services # 后台接口服务
. M4 C* n. v9 L4 }│ ├── utils # 工具库! {& ^, @& H' \# D6 I) m
│ ├── locales # 国际化资源; A" j" _! k) ~; g3 }" K& N9 g
│ ├── global.less # 全局样式- o0 Z3 {( d/ U6 o0 w; p/ p
│ └── global.js # 全局 JS( A/ J7 O* h( h& T$ Z b( _
├── tests # 测试工具
: o X+ c5 G6 u/ `, ?0 Y' v, M├── README.md( V8 u, k X* ~2 i1 e/ ?
└── package.json
6 D2 W2 P6 f( ?- j$ U
本地开发2 d) X) x! f! O
安装依赖8 Z7 |2 g3 a8 C/ o
- npm install yarn -g
) a1 i' R* I! @ - yarn install
1 `# [( F# w: \1 z8 q4 H/ V0 o2 ` - yarn start
2 g, k) k* y- x0 d9 o$ ]
启动完成后会自动打开浏览器访问
% r- i/ }2 {0 |- Nhttp://localhost:8000 |
|
粤公网安备 44030402006137号 )
发表于 2023-8-11 10:51:08