如何在win7上安装ant-design

1、首先要安装务必确认 Node.js 已经升级到 v4.x 或以上。

2、打开cmd，输入“npm install antd-init -g”，安装antd（可以自己先指定安装目录）；

3、antd安装成功后，输入“mkdir antd-demo”创建antd-demo；

4、接着输入“cd antd-demo”，开发demo的目录；

5、随后输入“antd-init”,安装npm依赖；

6、antd-demo文件夹里会产生一些文件，然后把文件夹里的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={{  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'));

7、关掉所有cmd；

8、重新打开两个新的cmd，确定每个cmd都进入到antd-demo文件夹里；

9、其中一个cmd输入“npm srart”，开启服务器；

10、另一个cmd输入“npm run build”，构建和部署antd-demo；

11、浏览器地址栏输入“http://localhost:8000”，查看效果。

12、效果如下：