Element-React 快速上手
安装
推荐使用 npm 的方式安装,它能更好地和webpack
打包工具配合使用。
npm i element-react --save
yarn 安装:
$ yarn add element-plus
主题
开始前, 你还需要一个主题包, 这里我们推荐使用element-theme-default
.
npm install element-theme-default --save
使用
import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from 'element-react';
import 'element-theme-default';
ReactDOM.render(<Button type="primary">Hello</Button>, document.getElementById('app'));
浏览器直接引入
通过 CDN 的方式全量引入 ElementPlus,根据不同的 CDN 提供商有不同的引入方式,我们在这里以 unpkg 和jsdelivr 举例, 你也可以使用其它的 CDN 供应商
。
使用 unpkg
<head> <!-- 引入样式 --> <link rel="stylesheet" href="//unpkg.com/element-plus/dist/index.css" /> <!-- 引入 Vue --> <script src="//unpkg.com/vue@next"></script> <!-- 引入组件库 --> <script src="//unpkg.com/element-plus"></script> </head>
使用 jsDelivr
<head> <!-- 引入样式 --> <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/element-plus/dist/index.css" /> <!-- 引入 Vue --> <script src="//cdn.jsdelivr.net/npm/vue@next"></script> <!-- 引入组件库 --> <script src="//cdn.jsdelivr.net/npm/element-plus"></script> </head>