如何在win7上安装anwin7 ant 安装t
番茄系统家园 · 2021-08-15 19:20:27
1、首先要安装务必确认
已经升级到v4.x或以上。
2、打开cmd，输入“-init-g”，安装antd（可以自己先指定安装目录）；
3、antd安装成功后，输入“-demo”创建antd-demo；
4、接着输入“-demo”，开发demo的目录；
5、随后输入“antd-init”,安装npm依赖；
6、antd-demo文件夹里会产生一些文件，然后把文件夹里的替换成下面的代码：
'';
'-dom';
3import{DatePicker,message}from'antd';
45classAppextendsReact.Component{
6constructor(props){
7super(props);
8this.state={
9date:'',
10};
11}
12handleChange(date){
13message.info('您选择的日期是:'+date.toString());
14this.setState({date});
15}
16render(){
17return(
18divstyle=19DatePickeronChange={value=this.handleChange(value)}/20divstyle=当前日期：{this.state.date.toString()}/div21/div22);
23}
24}
2526ReactDOM.render(App/,document.getElementById('root'));
7、关掉所有cmd；
8、重新打开两个新的cmd，确定每个cmd都进入到antd-demo文件夹里；
9、其中一个cmd输入“npmsrart”，开启服务器；
10、另一个cmd输入“npmrunbuild”，构建和部署antd-demo；
11、浏览器地址栏输入“http://localhost:8000”，查看效果。
12、效果如下：
免责声明： 凡标注转载/编译字样内容并非本站原创，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如果你觉得本文好，欢迎推荐给朋友阅读；本文链接： https://m.nndssk.com/post/34630.html。猜你喜欢
最新应用
热门应用
