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

 时间:2026-04-27 08:33:39

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

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


2、首先进入项目文件夹(package.json所在层级),使用如下命令安装material ui的核心部分:npm install @material-ui/core
3、安装好之后就可以直接在项目中使用了,如图import了一个Button并使用。
4、我所安装的这个版本的Material UI,上述操作已经足够,不需要再手动引入css等。index.js保持默认如图所示即可。
5、接下来就可以npm start了,启动之后打开浏览器即可看到material UI的按钮效果。
6、通常,使用material UI还会一并安装SVG图标。使用如图命令安装图标即可。
7、如图所示,每个列表项左侧的图标就是material UI的图标。
  • 逆水寒岁月神偷青龙白虎雕像怎么转?
  • 如何禁止在WIFI下自动下载微博安装包?
  • js如何输出html页面所有div的id属性
  • 死亡岛:激流新手心得之黑妹攻略
  • 帝国时代4大国崛起怎么选择国家
  • 热门搜索
    抵押车为什么不能过户 张云雷事件是怎么回事 怎么腌咸鸭蛋 清蒸鲈鱼的做法大全 珍珠粉怎么用 驾照实习期满后怎么办 芩怎么读 前列腺增生怎么治疗 碱性磷酸酶高是怎么回事 为什么关不了机