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大国崛起怎么选择国家
  • 热门搜索
    山海天旅游度假区 成都到峨眉山旅游攻略 嵊泗列岛旅游 温州海外旅游公司 襄阳旅游网 海南兴隆旅游 邮轮旅游攻略 三亚旅游攻略自助游 山东旅游职业学院吧 福鼎旅游景点大全