umi脚手架搭建的项目_通过umi脚手架创建ant-design-pro项目

本教程详细介绍了如何使用umi脚手架搭建ant-design-pro项目。首先确保Node.js环境和yarn安装,接着全局安装umi。创建新项目文件夹,通过`yarn create umi`选择ant-design-pro模板,启用TypeScript支持。脚手架会自动创建项目结构,下载依赖后运行`yarn start`启动项目。项目初始包含API请求,可根据需求进行接口调整和功能开发。在现有框架基础上,可以微调登录页面,如未连接数据库,可使用mock数据。
摘要由CSDN通过智能技术生成

环境准备

首先得有 node,并确保 node 版本是 8.10 或以上。

推荐使用 yarn 管理 npm 依赖。

然后全局安装 umi,并确保版本是 2.0.0 或以上。

$ yarn global add umi

$ umi -v

2.12.7

提示:如果提示 umi: command not found,你需要执行 yarn global bin,然后把 global bin 的路径添加到环境变量 PATH 中。方法如下:

# mac 系统:

$ sudo vi ~/.bash_profile

# 在 .bash_profile 中添加下面一行:

export PATH="$PATH:`yarn global bin`"

# windows系统:

# 获取 global bin 的路径

$ yarn global bin

C:\Users\Administrator\AppData\Local\Yarn\bin

# 复制上面的 global bin 的路径,添加到系统环境变量 PATH。

umi 通过 create-umi 提供脚手架能力

新建文件夹并进入文件夹

$ mkdir umi-demo && cd umi-demo

$ yarn create umi

选择project:

? Select the boilerplate type (Use arrow keys)

❯ ant-design-pro - Create project with a layout-only ant-design-pr

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值