如何新建一个react项目

dva+umi+antd大奖一个react项目步骤

1.全局安装npm install dva-cli -g

2.空文件夹npm create umi

3.多选按空格，确定按enter

4.在内层文件夹npm install创建nodemodules文件

这时候运行会看到这样的页面

5.按需加载，如果要引入antd框架，npm install antd babel-plugin-import --save+npm install antd --save

6.根据以下几个步骤你可以用ant design的组件了

1.在D盘新建一个英文名文件夹

2.打开文件夹，在框内输入cmd,在弹出的命令提示符窗口依次输入以下内容

npx create-react-app my-app

cd my-app

npm start

yarn add antd

修改 src/App.js，引入 antd 的按钮组件。

import React from 'react';
import { Button } from 'antd';
import './App.css';

const App = () => (
  <div className="App">
    <Button type="primary">Button</Button>
  </div>
);

export default App;
           

修改 src/App.css，在文件顶部引入 antd/dist/antd.css。

现在就可以用antd的组件开发了

如果要用umi脚手架搭建react项目的话，

npm create umi myapp

yarn/npm install

yarn add antd/npm install antd --save