前提条件：
已安装过webstorm和nodejs。
安装create-react-app和yarn
npm install -g create-react-app yarn
打开WebStorm创建工程
安装antd
yarn add antd --save
修改app.js代码
import React, { Component }
from 'react';
import logo
from './logo.svg';
import './App.css';
import { Button }
from 'antd';
class App
extends Component {
render() {
return (
<div className="App">
<div className="App-header">
<img src={logo}
className="App-logo" alt="logo" />
<h2>Welcome to React
</h2>
</div>
<Button type="primary">Button
</Button>
<p className="App-intro">
To get started, edit
<code>src/App.js
</code> and save to reload.
</p>
</div>
);
}
}
export default App;
修改app.css代码
@import '~antd/dist/antd.css';
.
App {
text-align:
center;
}
运行程序
yarn start
生产环境运行yarn run build
--结束--
转载请注明原文地址: https://ju.6miu.com/read-20999.html
