java实战(3)-----引入antD的demo并运行起来

第一节和第二节说了项目的搭建和服务端的逻辑出路。下面我们要开始写前端了。由于底子差，用现成的插件比较好~这里选择了antD，因为这个是阿里推行的，都在用的。
缺点是比较大~会影响启动速度~

 

进入anrD的官方网站：https://ant.design/docs/react/use-with-create-react-app-cn

为了目录结构的一致性~建议先新建一个专门用于存储前端页面的文件夹

mkdir+文件夹名称

然后进入这个文件夹输入命令：

这句命令的含义是：使用啥模版，创建新项目，项目叫antd-demo

按照成功后，即可在项目中看到如下antd-demo的内容

接下来根据官网操作即可~

 

4、安装antD，命令如下图

 

yarn add antd会自动修改配置文件的，修改后的配置文件如图：

 

此时再去访问http://localhost:3000/ 就好了~

至此，就算是引入antD完成，且正常启动访问完成了。