您的位置:58脚本 > element react Element-React 快速上手

element react Element-React 快速上手

2023-05-17 16:32

element react Element-React 快速上手

element react Element-React 快速上手

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" rel="external nofollow" target="_blank" /> <!-- 引入 Vue --> <script src="//unpkg.com/vue@next" rel="external nofollow" ></script> <!-- 引入组件库 --> <script src="//unpkg.com/element-plus" rel="external nofollow" ></script> </head> 使用 jsDelivr <head> <!-- 引入样式 --> <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/element-plus/dist/index.css" rel="external nofollow" target="_blank" /> <!-- 引入 Vue --> <script src="//cdn.jsdelivr.net/npm/vue@next" rel="external nofollow" ></script> <!-- 引入组件库 --> <script src="//cdn.jsdelivr.net/npm/element-plus" rel="external nofollow" ></script> </head>

阅读全文
以上是58脚本为你收集整理的element react Element-React 快速上手全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 58脚本 58jiaoben.com 版权所有 联系我们
桂ICP备12005667号-28 Powered by CMS