React+AntDesign学习系列之《搭建React+AntDesign框架》

react+AntDesign搭建

大家好!之前有做过react+AntDesign的项目,但是都是别人搭建好的,我需要实现功能就可以,现在有时间了,想好好钻研一下,往深层学习一下

环境准备

1.安装Noje.js(全局安装) 这块的教程可以参照一下我的另一篇博文: .

全局安装create-react-app脚手架

npm install -g create-react-app yarn

创建项目命名为:antd-demo1

create-react-app antd-demo1

我安装的时候遇到了这个问题:解决方法在我的下一个博文里面: .

引入Ant Design组件库

npm add antd

启动项目

npm start
网页会自动打开:
![在这里插入图片描述](https://img-blog.img.cn/20191218170536281.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNjc3NTExNQ==,size_16,color_FFFFFF,t_70)
此时此刻已大功告成!
经验分享 程序员 微信小程序 职场和发展