React umi 项目起步

周大胖子

首先全局安装dva+umi
umi:npm install -g umi
dva:npm install -g dva-cli

通过脚手架创建项目

• 
  
  一:
  
  
• 
  
  mkdir myapp && cd myapp
  
  
• 
  
  
  
  
• 
  
  二:
  
  
• 
  
  npm create umi
  
  
• 
  
  
  
  
• 
  
  三:
  
  
• 
  
  ? Select the boilerplate type (Use arrow keys)
  
  
• 
  
    ant-design-pro  - Create project with an layout-only ant-design-pro boilerplate, use together with umi block.
  
  
• 
  
  ❯ app             - Create project with a simple boilerplate, support typescript.
  
  
• 
  
    block           - Create a umi block.
  
  
• 
  
    library         - Create a library with umi.
  
  
• 
  
    plugin          - Create a umi plugin.
  
  
• 
  
  
  
  
• 
  
  四:
  
  
• 
  
  ? Do you want to use typescript? (y/N)
  
  
• 
  
  
  
  
• 
  
  五:
  
  
• 
  
  ? What functionality do you want to enable? (Press <space> to select, <a> to toggle all, <i> to invert selection)
  
  
• 
  
  ❯◯ antd
  
  
• 
  
  ◯ dva
  
  
• 
  
  ◯ code splitting
  
  
• 
  
  ◯ dll
  
  
  

注意 这里药用空格选

地五步的时候选择antd和dva即可