基于react的UI组件库（antd）使用入门

Posted 2021-04-24 视觉码农

    1、毋庸置疑，先要安装node，webpack，没安装的自行百度安装方法。

    2、安装 ant-init

$ npm istall antd-init -g

    3、创建项目文件夹并初始化项目

$ antd-init

    到这里项目就算初始化完毕，接下来就是要运行我们的项目。

    4、运行项目

$ npm start

如上所示，listened on 8989，我们打开浏览器，输入：http://127.0.0.1:8989/或者http://localhost:8989/

能看到这个就说明项目运行成功，不过一般情况也不会有其他问题。

    5、项目打包

    上面我们演示的是实际开发过程中的运行方式，但是如果要发布项目肯定就不能像上面那样预览了，我们需要将项目打包。

$ npm run build

上面这三个文件就是我们实际发布的时候需要用的文件。

我们只需要将这三个文件一次引入到项目中即可，如下图所示：

至于要像这项目中添加其他控件，请大家移步其官网！也可以点击阅读原文进行查看。