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。

3.5 KiB Raw Blame History