找回密码
 立即注册
查看: 1141|回复: 0

Ant-design-pro-环境搭建

[复制链接]

314

主题

478

回帖

2960

积分

管理员

积分
2960
QQ
发表于 2023-8-11 10:51:08 | 显示全部楼层 |阅读模式
前期准备
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
  1. git clone --depth=1 https://github.com/ant-design/ant-design-pro.git' B- }; W( i. \' M2 r7 U  S
  2. cd ant-design-pro
复制代码
. v& \( i  H: q+ O# u5 C6 d
/ 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
  1. npm install yarn -g) ^6 ~, V& F/ [0 s" P
  2. yarn install
    2 {2 ^( c! F7 Z7 C  E) m
  3. yarn start
复制代码
, d$ k/ W: A) ~+ L6 m0 m, V

% M* @& @- G* g. v启动完成后会自动打开浏览器访问  x7 v2 l0 k6 e4 h) [* k& L- v
http://localhost:8000
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|通达产控投资 ( 粤ICP备2023021749号-1|粤公网安备 44030402006137号 )

GMT+8, 2025-4-5 01:56 , Processed in 0.079420 second(s), 20 queries .

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

快速回复 返回顶部 返回列表