55348b30b6
* style: use prettier * style: just prettier format, no code changes * style: eslint fix object-shorthand, prefer-const * style: fix no-void * style: no-console
4.0 KiB
Installation de ElementPlus
Soutien à l'environnement
- Navigateurs modernes
 |
 |
 |
 |
|---|---|---|---|
| Edge | last 2 versions | last 2 versions | last 2 versions |
Comme IE11 n'est plus pris en charge par Vue3, ElementPlus ne prend pas non plus en charge IE11 et les versions antérieures.
Version actuelle
ElementPlus est actuellement en itération de développement rapide.
Installation via npm ou yarn
Nous recommandons d'utiliser la méthode d'installation du gestionnaire de paquets, qui fonctionne mieux avecvite, webpack. outils d'emballage.
$ npm install element-plus --save
$ yarn add element-plus
Si votre environnement réseau est médiocre, la mise en miroir est recommandée.
Introduction directe du navigateur
ElementPlus est introduit directement par les balises HTML du navigateur, et ElementPlus peut être utilisé de manière globale.
Introduction complète de ElementPlus par le biais de CDN, qui varie selon le fournisseur CDN, ici nous utilisons
unpkg et jsdelivr, par exemple.
Vous pouvez également utiliser d'autres fournisseurs CDN.
Utiliser unpkg
<head>
<!-- Introduction des styles -->
<link rel="stylesheet" href="//unpkg.com/element-plus/dist/index.css" />
<!-- Présentation de Vue -->
<script src="//unpkg.com/vue@next"></script>
<!-- Introduction des bibliothèques de composants -->
<script src="//unpkg.com/element-plus"></script>
</head>
Utiliser jsDelivr
<head>
<!-- Introduction des styles -->
<link
rel="stylesheet"
href="//cdn.jsdelivr.net/npm/element-plus/dist/index.css"
/>
<!-- Présentation de Vue -->
<script src="//cdn.jsdelivr.net/npm/vue@next"></script>
<!-- Introduction des bibliothèques de composants -->
<script src="//cdn.jsdelivr.net/npm/element-plus"></script>
</head>
:::tip
Nous recommandons aux utilisateurs qui ont introduit ElementPlus en utilisant
CDN de verrouiller la version à l'adresse liée pour éviter d'être affectés
par des mises à jour non compatibles lors de la mise à niveau de ElementPlus
dans le futur. Pour verrouiller la version, veuillez consulter
unpkg.com.
:::
Hello world
Avec l'approche CDN, nous pouvons facilement écrire une page Hello world en
utilisant ElementPlus.Démonstration en ligne
Si vous installez via npm / yarn et souhaitez l'utiliser avec l'outil de conditionnement, veuillez lire la section suivante : Démarrage。