nextjs marterial-ui init

创建NextJs项目

npx create-next-app@latest

安装MUI

基础

1. 依赖

npm install @mui/material @emotion/react @emotion/styled

2. head

<meta name="viewport" content="initial-scale=1, width=device-width" />

字体

Roboto font Roboto 字体

npm install @fontsource/roboto

import '@fontsource/roboto/300.css';
import '@fontsource/roboto/400.css';
import '@fontsource/roboto/500.css';
import '@fontsource/roboto/700.css';