如何在win7上安装ant-design

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

二、打开cmd，输入“npm install antd-init -g”，安装antd（能够本身先指定安装目录）；

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

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

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

六、antd-demo文件夹里会产生一些文件，而后把文件夹里的index.js替换成下面的代码：

 1 import React from 'react';
 2 import ReactDOM from 'react-dom';
 3 import { DatePicker, message } from 'antd';
 4 
 5 class App extends React.Component {
 6   constructor(props) {
 7     super(props);
 8     this.state = {
 9       date: '',
10     };
11   }
12   handleChange(date) {
13     message.info('您选择的日期是: ' + date.toString());
14     this.setState({ date });
15   }
16   render() {
17     return (
18       <div style={{ width: 400, margin: '100px auto' }}>
19         <DatePicker onChange={value => this.handleChange(value)} />
20         <div style={{ marginTop: 20 }}>当前日期：{this.state.date.toString()}</div>
21       </div>
22     );
23   }
24 }
25 
26 ReactDOM.render(<App />, document.getElementById('root'));

七、关掉全部cmd；

八、从新打开两个新的cmd，肯定每一个cmd都进入到antd-demo文件夹里；

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

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

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

十二、效果以下：