1、下载node.js4.x及以上,然后安装。
2、安装后在win+r输入npm install antd-init -g 安装antd
3、创建ant-demo 输入mkdir antd-demo 创建antd-demo
4、cd antd-demo
5、安装npm依赖 输入 antd-init --type plain-react 此时会产生一些文件
将以下代码替换\antd-demo\src\entries\index.js的内容
- import React from 'react';
- import ReactDOM from 'react-dom';
- import { DatePicker, message } from 'antd';
- class App extends React.Component {
- constructor(props) {
- super(props);
- this.state = {
- date: '',
- };
- }
- handleChange(date) {
- message.info('您选择的日期是: ' + date.toString());
- this.setState({ date });
- }
- render() {
- return (
- <div style={{ width: 400, margin: '100px auto' }}>
- <DatePicker onChange={value => this.handleChange(value)} />
- <div style={{ marginTop: 20 }}>当前日期:{this.state.date.toString()}</div>
- </div>
- );
- }
- }
- ReactDOM.render(<App />, document.getElementById('root'));
6、重开”运行” npm start输入开始服务器
7、另一个”运行”进入ant-demo目录 , npm run build构建和部署antd-demo
8、url访问127.0.0.1:8989/antd-demo
9、访问效果如下即可
联系客服