fuck-coding/material-ui.html at main · yoru-hiru/fuck-coding · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html><html lang="zh-cn"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Material UI - 全栈艺术</title><meta name="description" content="安装 npm install @mui/material @emotion/react @emotion/styled npm install @mui/icons-material &lt;meta name='viewport' content='initial-scale=1, width=device-width' /&gt; 字体修改"><meta name="generator" content="Publii Open-Source CMS for Static Site"><link rel="canonical" href="https://yoru-hiru.github.io/fuck-coding/material-ui.html"><link rel="alternate" type="application/atom+xml" href="https://yoru-hiru.github.io/fuck-coding/feed.xml"><link rel="alternate" type="application/json" href="https://yoru-hiru.github.io/fuck-coding/feed.json"><meta property="og:title" content="Material UI"><meta property="og:site_name" content="全栈艺术"><meta property="og:description" content="安装 npm install @mui/material @emotion/react @emotion/styled npm install @mui/icons-material &lt;meta name='viewport' content='initial-scale=1, width=device-width' /&gt; 字体修改"><meta property="og:url" content="https://yoru-hiru.github.io/fuck-coding/material-ui.html"><meta property="og:type" content="article"><link rel="preload" href="https://yoru-hiru.github.io/fuck-coding/assets/dynamic/fonts/jetbrainsmono/jetbrainsmono.woff2" as="font" type="font/woff2" crossorigin><link rel="stylesheet" href="https://yoru-hiru.github.io/fuck-coding/assets/css/style.css?v=0643aeb33172d8efe1d48cf7f23a4fbe"><script type="application/ld+json">{"@context":"http://schema.org","@type":"Article","mainEntityOfPage":{"@type":"WebPage","@id":"https://yoru-hiru.github.io/fuck-coding/material-ui.html"},"headline":"Material UI","datePublished":"2024-09-22T13:48+08:00","dateModified":"2024-09-22T16:51+08:00","description":"安装 npm install @mui/material @emotion/react @emotion/styled npm install @mui/icons-material &lt;meta name='viewport' content='initial-scale=1, width=device-width' /&gt; 字体修改","author":{"@type":"Person","name":"Yoruhiru","url":"https://yoru-hiru.github.io/fuck-coding/authors/yoru/"},"publisher":{"@type":"Organization","name":"Yoruhiru"}}</script><noscript><style>img[loading] {
                    opacity: 1;
                }</style></noscript></head><body><div class="container container--center"><header class="header"><div class="header__logo"><a class="logo" href="https://yoru-hiru.github.io/fuck-coding/">全栈艺术</a></div><nav class="navbar js-navbar"><button class="navbar__toggle js-toggle" aria-label="Menu" aria-haspopup="true" aria-expanded="false"><span class="navbar__toggle-box"><span class="navbar__toggle-inner">Menu</span></span></button><ul class="navbar__menu"><li class="has-submenu"><a href="https://yoru-hiru.github.io/fuck-coding/chan-pin.html" target="_self" aria-haspopup="true">产品</a><ul class="navbar__submenu level-2" aria-hidden="true"><li><span class="is-separator">立项</span></li><li><span class="is-separator">规划</span></li><li><span class="is-separator">协作</span></li></ul></li><li class="has-submenu"><span class="is-separator" aria-haspopup="true">设计</span><ul class="navbar__submenu level-2" aria-hidden="true"><li><a href="https://yoru-hiru.github.io/fuck-coding/yong-hu-ti-yan.html" target="_self">体验</a></li><li class="has-submenu"><span class="is-separator" aria-haspopup="true">系统</span><ul class="navbar__submenu level-3" aria-hidden="true"><li><a href="https://yoru-hiru.github.io/fuck-coding/jie-mian.html" target="_self">语言</a></li><li><a href="https://yoru-hiru.github.io/fuck-coding/she-ji-token.html" target="_self">变量</a></li><li><a href="https://yoru-hiru.github.io/fuck-coding/she-ji-zu-jian.html" target="_self">维护</a></li></ul></li><li class="has-submenu"><span class="is-separator" aria-haspopup="true">界面</span><ul class="navbar__submenu level-3" aria-hidden="true"><li><span class="is-separator">线框</span></li><li><span class="is-separator">原型</span></li><li><span class="is-separator">视觉</span></li></ul></li></ul></li><li class="has-submenu"><span class="is-separator" aria-haspopup="true">技术</span><ul class="navbar__submenu level-2" aria-hidden="true"><li class="has-submenu"><span class="is-separator" aria-haspopup="true">架构</span><ul class="navbar__submenu level-3" aria-hidden="true"><li><a href="https://yoru-hiru.github.io/fuck-coding/jia-gou-jue-ce.html" target="_self">决策</a></li><li><a href="https://yoru-hiru.github.io/fuck-coding/jia-gou-mo-shi.html" target="_self">模式</a></li><li><a href="https://yoru-hiru.github.io/fuck-coding/dai-ma.html" target="_self">代码</a></li></ul></li><li class="has-submenu"><span class="is-separator" aria-haspopup="true">开发</span><ul class="navbar__submenu level-3" aria-hidden="true"><li><a href="https://yoru-hiru.github.io/fuck-coding/ji-chu.html" target="_self">基础</a></li><li><a href="https://yoru-hiru.github.io/fuck-coding/dai-ma.html" target="_self">编程</a></li><li><a href="https://yoru-hiru.github.io/fuck-coding/ce-shi.html" target="_self">审查</a></li></ul></li><li><span class="is-separator">运维</span></li></ul></li><li class="has-submenu"><span class="is-separator" aria-haspopup="true">运营</span><ul class="navbar__submenu level-2" aria-hidden="true"><li class="has-submenu"><span class="is-separator" aria-haspopup="true">方面</span><ul class="navbar__submenu level-3" aria-hidden="true"><li><span class="is-separator">内容</span></li><li><span class="is-separator">用户</span></li><li><span class="is-separator">活动</span></li></ul></li><li class="has-submenu"><span class="is-separator" aria-haspopup="true">模式</span><ul class="navbar__submenu level-3" aria-hidden="true"><li><span class="is-separator">商业</span></li><li><span class="is-separator">推广</span></li></ul></li><li><span class="is-separator">分析</span></li></ul></li></ul></nav></header><main class="content"><article class="post"><header><h1 class="post__title">Material UI</h1><div class="post__meta"><time datetime="2024-09-22T13:48" class="post__date">九月 22, 2024 </time><span class="post__author"><a href="https://yoru-hiru.github.io/fuck-coding/authors/yoru/" class="feed__author">Yoruhiru</a></span></div></header><div class="post__entry"><h2>安装</h2><pre class="language-bash"><code>npm install @mui/material @emotion/react @emotion/styled</code></pre><pre class="language-bash"><code>npm install @mui/icons-material</code></pre><pre class="language-html"><code>&lt;meta name="viewport" content="initial-scale=1, width=device-width" /&gt;
</code></pre><p>字体修改</p></div><footer class="wrapper post__footer"><p class="post__last-updated">This article was updated on 九月 22, 2024</p><div class="post__share"></div></footer><nav class="pagination"><div class="pagination__title"><span>Read other posts</span></div><div class="pagination__buttons"><a href="https://yoru-hiru.github.io/fuck-coding/kai-yuan.html" class="btn previous" rel="prev" aria-label="[MISSING TRANSLATION]:  开源 "><span class="btn__icon">←</span> <span class="btn__text">开源</span> </a><a href="https://yoru-hiru.github.io/fuck-coding/umi.html" class="btn next" rel="next" aria-label="[MISSING TRANSLATION]:  Umi "><span class="btn__text">Umi</span> <span class="btn__icon">→</span></a></div></nav></article></main><footer class="footer"><div class="footer__inner"><div class="footer__copyright"><p>@yoruhiru</p></div></div></footer></div><script defer="defer" src="https://yoru-hiru.github.io/fuck-coding/assets/js/scripts.min.js?v=74fad06980c30243d91d72c7c57fcdb8"></script><script>window.publiiThemeMenuConfig={mobileMenuMode:'overlay',animationSpeed:300,submenuWidth: 'auto',doubleClickTime:500,mobileMenuExpandableSubmenus:true,relatedContainerForOverlayMenuSelector:'.top'};</script><script>var images = document.querySelectorAll('img[loading]');
        for (var i = 0; i < images.length; i++) {
            if (images[i].complete) {
                images[i].classList.add('is-loaded');
            } else {
                images[i].addEventListener('load', function () {
                    this.classList.add('is-loaded');
                }, false);
            }
        }</script></body></html>