安装 material-ui 核心 - Javascript

material-ui 是一个基于 Material Design 的 React UI库，提供各种易用、美观的UI元素和交互效果，适用于Web开发中的各种场景。本文将介绍如何安装 material-ui 核心（Core）- Javascript。

步骤

1. 安装依赖

在使用 material-ui 前，需要先安装 React 和 React DOM。

# 使用 npm 安装
npm install react react-dom

# 或者使用 yarn 安装
yarn add react react-dom

2. 安装 material-ui

使用 npm 或 yarn 安装 material-ui 核心（Core）- Javascript。

# 使用 npm 安装
npm install @material-ui/core

# 使用 yarn 安装
yarn add @material-ui/core

3. 导入并使用组件

安装完成后，可以在项目中按需导入各种组件，例如 Button、Typography 等。示例代码如下：

import React from 'react';
import ReactDOM from 'react-dom';
import Button from '@material-ui/core/Button';

function App() {
  return (
    <Button variant="contained" color="primary">
      Hello World
    </Button>
  );
}

ReactDOM.render(<App />, document.querySelector('#root'));

以上代码 import 了 Button 组件并使用了其中的样式和功能。可以按需 import 更多组件并应用到自己的项目中。

总结

使用 material-ui 核心 - Javascript 可以方便地构建美观、易用的React界面。通过上面的步骤，可以快速地安装并使用各种 material-ui 组件。