快速创建一个react应用

2018-11-26 0 条评论 1.32k 次阅读 0 人点赞

先创建一个空目录

$ 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,然后提供交互式的提示来创建应用。

选上 antddva,然后回车确认。

   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 的欢迎界面。

mmx

我很懒,什么也不想说。

文章评论(0)