|
|
前期准备: f1 O; S1 S7 ~$ u) B. Y- D5 L
安装node、git (自行百度)4 J' Z2 f% [8 Y* [! \3 j# I; x0 L
>node -v5 L% D; e! X) K; @
v16.20.2
/ q' O7 _' @8 _! W. p, C+ L8 H7 a
7 M3 V; r- I1 X4 V安装7 }6 G8 P+ p* r$ f
从github仓库中直接安装最新的脚手架代码
9 ?3 [0 M8 c' a3 H- git clone --depth=1 https://github.com/ant-design/ant-design-pro.git
8 }* G; H- \* b% u4 U - cd ant-design-pro
* c& j B6 W9 {9 }1 t# M, {, V2 A- j5 ~8 a! h0 ^. R
目录结构
: j# x. |; x* ^6 ?├── config # umi 配置，包含路由，构建等配置 c8 X, z- ^# F2 b2 [
├── mock # 本地模拟数据
! {0 }. e+ `. p) f7 j├── public& F5 q+ e* u* I/ i
│ └── favicon.png # Favicon
+ Q0 r) v0 U* X- ~# y├── src$ a5 A/ w6 k* m& I
│ ├── assets # 本地静态资源
+ L* V# ~# u( |% `9 x9 S│ ├── components # 业务通用组件& G/ S. m0 l, l9 N
│ ├── e2e # 集成测试用例! T! Q# B9 o% A; F
│ ├── layouts # 通用布局
: K/ ^) S3 w- k! j│ ├── models # 全局 dva model+ ]$ s- w1 a3 ?% m0 B6 c2 a
│ ├── pages # 业务页面入口和常用模板( f4 _, k- f3 Q3 n' w6 E8 _) X: B9 J
│ ├── services # 后台接口服务
8 q' j+ d: B8 Q│ ├── utils # 工具库9 k( H8 X* z9 X2 X' ]* g
│ ├── locales # 国际化资源
+ K3 \8 `* `9 k7 K. X7 Z│ ├── global.less # 全局样式
2 x$ m8 t1 ^( n6 i3 V│ └── global.js # 全局 JS n$ }' d( `! {
├── tests # 测试工具
3 \. J9 V7 h; q N( T @9 B4 r+ b( D├── README.md; n- k. E* ]$ ~. n
└── package.json
- z% W! n/ v; O
. U% s; K3 B+ A9 Z4 O9 t本地开发8 b; e; H0 {; @) L+ @2 m$ H
安装依赖& p& G+ I% N& S! M2 @% x. W
- npm install yarn -g
) X, O% O$ X( R - yarn install k+ F. l* C+ l [* P
- yarn start
& o+ c+ h8 V2 f* n2 E: h9 y5 A6 Z* u% P' Y
启动完成后会自动打开浏览器访问0 I4 i6 D8 Q! N$ N$ q
http://localhost:8000 |
|
粤公网安备 44030402006137号 )
发表于 2023-8-11 10:51:08