通过脚手架创建umi项目

751 阅读1分钟

介绍 create-umi

umi 通过 create-umi 提供脚手架能力,包含:

  • project,通用项目脚手架,支持选择是否启用 TypeScript,以及 umi-plugin-react 包含的功能
  • ant-design-pro,仅包含 ant-design-pro 布局的脚手架,具体页面可通过 umi block 添加
  • block,区块脚手架
  • plugin,插件脚手架
  • library,依赖(组件)库脚手架,基于 umi-plugin-library

创建 umi 项目

你可以通过 yarn create umi 或 npm create umi 使用 create-umi。推荐使用 yarn create 命令, 能确保每次使用最新的脚手架。 首先,在新目录下使用 yarn create umi,

mkdir myapp && cd myapp
yarn create umi

确定后,会根据你的选择自动创建好目录和文件, 然后安装依赖,

yarn

最后通过 yarn start 启动本地开发,

yarn start

如果顺利,在浏览器打开 http://localhost:8000 可看到以下界面,

图片上传失败