Installing ElementPlus

Medio ambiente

Navegador moderno


Edge	last 2 versions	last 2 versions	last 2 versions

Dado que Vue3 ya no es compatible con IE11, ElementPlus no es compatible con IE11 y versiones anteriores anteriores.

Última versión actual

ElementPlus se encuentra actualmente en una iteración de desarrollo rápido:

Instalación mediante npm o yarn

Recomendamos utilizar el gestor de paquetes para instalar ElementPlus, para poder utilizar bundlers como vite y webpack.

$ npm install element-plus --save

$ yarn add element-plus

Si su entorno de red no es bueno, se recomienda utilizar un registro espejo

Introducción directa del navegador

Importar directamente ElementPlus a través de las etiquetas HTML del navegador, y utilizar ElementPlus de forma global

Introducir ElementPlus en su totalidad a través de CDN. Según los diferentes proveedores de CDN hay diferentes métodos de introducción. Aquí utilizamos unpkg y jsdelivr Por ejemplo, También puede utilizar otros proveedores de CDN.

Utilice unpkg

<head>
  <!-- Introduce style -->
  <link rel="stylesheet" href="//unpkg.com/element-plus/dist/index.css">
  <!-- Introduce Vue -->
  <script src="//unpkg.com/vue@next"></script>
  <!-- Introduce component library -->
  <script src="//unpkg.com/element-plus"></script>
</head>

Utilice jsDelivr

<head>
  <!-- Introduce style -->
  <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/element-plus/dist/index.css">
  <!-- Introduce Vue -->
  <script src="//cdn.jsdelivr.net/npm/vue@next"></script>
  <!-- Introduce component library -->
  <script src="//cdn.jsdelivr.net/npm/element-plus"></script>
</head>

:::tip Recomendamos utilizar CDN para introducir a los usuarios de ElementPlus para bloquear la versión en la dirección del enlace, para no verse afectados por actualizaciones incompatibles cuando ElementPlus se actualice en el futuro. Por favor, consulte unpkg.com para el método para bloquear la versión. :::

Hello world

Con CDN, podemos utilizar fácilmente ElementPlus para escribir una página de Hola Mundo. Online Demo

Si usted está instalando a través de npm / yarn y desea utilizarlo con una herramienta de empaquetado, por favor lea la siguiente sección: Inicio rápido.

3.4 KiB Raw Blame History