React后台管理系统05 引入UI组件库

使用命令引入UI组件库 npm install antd --save

使用命令安装ant的图标库 npm install --save @ant-design/icons 注意这里的@后面是一个ant没有单词d!

配置Antd Design样式按需自动引入

npm install vite-plugin-style-import@1.4.1 -D使用该命令导入插件自动引入组件的样式,不用自己在写引入css样式,并且现在的版本antd里面也没有这个css样式文件了。

然后在vite.config.ts中进行配置:

plugins: [
react(),
styleImport({
resolves: [
AntdResolve()
]
}),
],

 直接引入使用:

界面展示:

posted @   程序员鲜豪  阅读(120)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 实操Deepseek接入个人知识库
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
点击右上角即可分享
微信分享提示