|
|
前期准备" E$ l$ n& k" T) M/ o4 I3 _
安装node、git (自行百度)
" c: M) p3 w. Z9 q5 Q. x>node -v
, X1 `1 Z3 ?' B+ g$ K$ S v16.20.2) Z2 y7 S: j+ }4 k" t- i1 o
. f; S; w+ Y5 I' D. o/ p
安装
! S7 x: Y2 y4 H* R从github仓库中直接安装最新的脚手架代码+ F L% Q* T" {* l
- git clone --depth=1 https://github.com/ant-design/ant-design-pro.git) U8 u8 h S: c5 Y$ e
- cd ant-design-pro
; m+ Q" D2 b3 j$ Q7 Q
目录结构& v ] |/ k. r6 ]+ R
├── config # umi 配置，包含路由，构建等配置
1 A4 z I3 H' f# ^├── mock # 本地模拟数据4 L$ _7 R9 e1 p$ z; L
├── public1 z$ ?' s7 f/ \/ M' b* }0 r" ]
│ └── favicon.png # Favicon
2 E1 E/ t5 @) _├── src( L4 }8 ~7 \' A
│ ├── assets # 本地静态资源
# o" M, ~# A/ Y9 y4 T│ ├── components # 业务通用组件
& x9 p1 j* i0 \│ ├── e2e # 集成测试用例
+ H% D- t, C6 i7 d# B│ ├── layouts # 通用布局$ m1 g% V' ?5 _' ]
│ ├── models # 全局 dva model+ \3 `: K; k+ s. D
│ ├── pages # 业务页面入口和常用模板& r6 K& O: C' q1 R5 ~. m! H7 W R
│ ├── services # 后台接口服务4 u: Y3 H, e0 l" M3 s
│ ├── utils # 工具库: k* `' O: f( z9 p. {" ?/ s$ E) y
│ ├── locales # 国际化资源
0 u3 A, L' o7 `# b! A2 h4 p9 N│ ├── global.less # 全局样式
4 o z+ _5 v# y. A│ └── global.js # 全局 JS
1 U& H( c0 |# i├── tests # 测试工具+ [3 g5 V. m& q9 F# r: ?8 N
├── README.md+ A/ N3 K( q; z
└── package.json
) ?! R7 @. j$ o1 U3 a/ ~, {; Y+ C本地开发' W1 Y& O% G5 u% ?4 y8 Q$ r6 l
安装依赖
# ]9 o( i: \9 u/ I3 s! J% X) Z- npm install yarn -g; C" q3 N2 s3 i
- yarn install
0 W9 z) C( p# z - yarn start
6 [! Y9 [8 D: d2 B, i, U6 _* W, u3 J
" U2 U& Q" H( h3 ^& b% {4 @启动完成后会自动打开浏览器访问
6 y( u: Z' ^* d5 v) t7 Fhttp://localhost:8000 |
|
粤公网安备 44030402006137号 )
发表于 2023-8-11 10:51:08