快速创建一个react应用
先创建一个空目录
$ mkdir myapp $ cd myapp
推荐使用 yarn 创建应用,执行以下命令
$ tyarn create umi yarn create v1.12.0 [1/4] ? Resolving packages... [2/4] ? Fetching packages... [3/4] ? Linking dependencies... [4/4] ? Building fresh packages... success Installed "create-umi@0.3.1" with binaries: - create-umi ? What functionality do you want to enable? (Press <space> to select, <a> to toggle all, <i > to invert selection) ❯◯ antd ◯ dva ◯ code splitting ◯ pwa ◯ dll ◯ hard source
yarn 会先安装最新版的 create-umi,然后提供交互式的提示来创建应用。
选上 antd
和 dva
,然后回车确认。
create package.json create mock/.gitkeep create src/assets/yay.jpg create src/layouts/index.css create src/layouts/index.js create src/pages/index.css create src/pages/index.js create src/global.css create .gitignore create .editorconfig create .env create .umirc.js create .eslintrc create .prettierrc create .prettierignore create src/models/.gitkeep create src/dva.js ✨ File Generate Done ✨ Done in 966.73s.
然后安装依赖,
$ tyarn
然后启动应用,
$ tyarn start
几秒钟后,你会看到以下输出,
DONE Compiled successfully in 212ms App running at: - Local: http://localhost:8000/ - Network: http://{{ YourIP }}:8000/
在浏览器里打开 http://localhost:8000,你会看到 umi 的欢迎界面。