|
|
前期准备
0 v3 s1 `8 g) @6 h安装node、git (自行百度)
$ ^/ l3 |# q( |- n$ {- g>node -v
+ c6 `7 Y, G" C: e1 u/ k v16.20.2) u; p6 q$ Z6 f0 v
N/ L: R9 z0 U ]0 s) v安装
, l- \. a6 Q; e从github仓库中直接安装最新的脚手架代码; z g) ~* O/ t! Q- W% l0 M; X; r3 t
- git clone --depth=1 https://github.com/ant-design/ant-design-pro.git' B- }; W( i. \' M2 r7 U S
- cd ant-design-pro
/ G7 q7 m" U5 Y$ G& x/ z' N
目录结构" `! v0 |" i* Z, T; N8 Q, }8 Q4 _
├── config # umi 配置，包含路由，构建等配置
2 W4 i: i0 k- d7 X├── mock # 本地模拟数据4 y6 R3 K( Y6 n9 g+ v# R
├── public
. w+ S$ u( w6 H- l) O- f│ └── favicon.png # Favicon
/ R! P6 {2 u0 v% D& M2 l├── src
* U. e2 H: V7 E/ c5 I│ ├── assets # 本地静态资源' h% V7 I0 ^' }
│ ├── components # 业务通用组件1 u9 f% u7 n, l# B5 }1 K
│ ├── e2e # 集成测试用例3 O( N1 o" O& L4 V! S" I
│ ├── layouts # 通用布局
/ K6 P3 ]; W% y0 a' Y4 c& Z) Z" \" |│ ├── models # 全局 dva model7 o, |$ v+ m8 z+ ?! M
│ ├── pages # 业务页面入口和常用模板
, E( I4 |: @3 f! ~3 }$ N│ ├── services # 后台接口服务
0 ^5 S" J7 a9 p) n+ P1 o( J( @│ ├── utils # 工具库. _# C% j' |6 {" J/ D2 u- ?( H' H
│ ├── locales # 国际化资源" Y$ R/ P7 q/ W9 x, O
│ ├── global.less # 全局样式
5 z/ c0 ^1 g1 c7 j+ H│ └── global.js # 全局 JS( J' x* q+ B1 s5 w
├── tests # 测试工具
% W& H( M6 d, Z6 h├── README.md
3 l/ J6 P+ W1 G& U* I& g) b└── package.json
% d, ^: O' V4 d0 s; Z4 a- }6 z8 y
2 x: U6 }5 J' M2 ]7 Z: V: L9 X本地开发% _* h! T1 l7 u( ^
安装依赖2 S5 u4 f" _' o3 a
- npm install yarn -g) ^6 ~, V& F/ [0 s" P
- yarn install
2 {2 ^( c! F7 Z7 C E) m - yarn start
% M* @& @- G* g. v启动完成后会自动打开浏览器访问 x7 v2 l0 k6 e4 h) [* k& L- v
http://localhost:8000 |
|
|Archiver|手机版|小黑屋|通达产控投资
( 粤ICP备2023021749号-1|
粤公网安备 44030402006137号 )
发表于 2023-8-11 10:51:08