使用Umi创建前端SPA项目,非常简单,只需要按照如下几个步骤操作即可:
1、全局安装umi命令: npm install -g umi
2、创建umi项目:umi create my-umi-app
3、安装项目依赖:cd my-umi-app && pnpm install
4、运行umi项目: npm run dev 或 pnpm dev
启动本地开发服务器之后,就可以在浏览器中进行访问打开项目:http://localhost:8080
创建项目:
本处使用pnpm
1. cd my-umi-app && pnpm dlx create-umi@latest
2. 选择模板 (这里使用 Simple App) 想对module处理需要使用 Ant Design Pro版本
3. 选择包管理工具(这里使用pnpm)
4. 选择源(这里使用taobao)
5.启动项目 pnpm dev
Umi 官方提供了一个脚手架 ,可以轻松快速创建一个项目:
# 在当前文件夹下创建项目
pnpm create umi
# 在当前目录的 my-umi-app 文件夹下创建项目
pnpm create umi my-umi-app
这个命令会安装 create-umi
脚手架并自动运行,运行后提供了两个可选项:
你可以从以下几个选项中选择习惯的 Node 依赖管理工具:
选择后会自动生成一个最基本的 Umi 项目,并根据选中的客户端和镜像源安装依赖:
这样就一键完成 Umi 项目的初始化了。