手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

React项目中如何安装和使用Material UI

时间:2024-10-12 14:20:14

1、首先,打开Material UI官网,在入门教程的安装一小节给出了安装办法。

React项目中如何安装和使用Material UI

2、首先进入项目文竭惮蚕斗件夹(package.json所在层级),使用如下命令安装material ui的核心部分:npm install @material-ui/core

React项目中如何安装和使用Material UI

3、安装好之后就可以直接在项目中使用了,如图import了一个Button并使用。

React项目中如何安装和使用Material UI

4、我所安装的这个版本的Material UI,上述操作已经足够,不需要再手动引入css等。index.js保持默认如图所示即可。

React项目中如何安装和使用Material UI

5、接下来就可以npm start了,启动之后打开浏览器即可看到material UI的按钮效果。

React项目中如何安装和使用Material UI

6、通常,使用material UI还会一并安装SVG图标。使用如图命令安装图标即可。

React项目中如何安装和使用Material UI

7、如图所示,每个列表项左侧的图标就是material UI的图标。

React项目中如何安装和使用Material UI
© 手抄报圈