Element-React 快速上手

2021-09-06 16:20 更新

安裝

推薦使用 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>

以上內容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號