創建umi項目

使用umi構建react項目，先安裝umi:

npm install create-umi umi -g

然後交互式創建項目:

❯ mkdir demo
❯ cd demo
❯ create-umi
? Select the boilerplate type app
? Do you want to use typescript? No
? What functionality do you want to enable? antd, dva, internationalization
   create package.json
   create src/assets/yay.jpg
   create .gitignore
   create .editorconfig
   create .env
   create .eslintrc
   create .prettierignore
   create .prettierrc
   create .umirc.js
   create mock/.gitkeep
   create src/app.js
   create src/global.css
   create src/layouts/__tests__/index.test.js
   create src/layouts/index.css
   create src/layouts/index.js
   create src/locales/en-US.js
   create src/models/.gitkeep
   create src/pages/__tests__/__mocks__/umi-plugin-locale.js
   create src/pages/__tests__/index.test.js
   create src/pages/index.css
   create src/pages/index.js
   create webpack.config.js
✨ File Generate Done

創建項目時我選擇了添加antd, dva, internationalization的支持，

• antd: ui 框架
• dva: 數據流
• internationalization: 國際化

接着安裝項目的依賴：

yarn install

然後啓動:

yarn start

通過瀏覽器即可訪問。