W3Cschool
恭喜您成為首批注冊用戶
獲得88經(jīng)驗值獎勵
推薦使用 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,根據(jù)不同的 CDN 提供商有不同的引入方式,我們在這里以 unpkg 和jsdelivr 舉例, 你也可以使用其它的 CDN 供應商
。
使用 unpkg
<head> <!-- 引入樣式 --> <link rel="stylesheet" rel="external nofollow" target="_blank" /> <!-- 引入 Vue --> <script src="http://unpkg.com/vue@next" rel="external nofollow" ></script> <!-- 引入組件庫 --> <script src="http://unpkg.com/element-plus" rel="external nofollow" ></script> </head>
使用 jsDelivr
<head> <!-- 引入樣式 --> <link rel="stylesheet" rel="external nofollow" target="_blank" /> <!-- 引入 Vue --> <script src="http://cdn.jsdelivr.net/npm/vue@next" rel="external nofollow" ></script> <!-- 引入組件庫 --> <script src="http://cdn.jsdelivr.net/npm/element-plus" rel="external nofollow" ></script> </head>
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網(wǎng)安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: