Instalación

Compatibility 2.5.0

Element Plus can run on browsers that support last 2 versions.

If you really need to support outdated browsers, please add Babel and Polyfill yourself.

Since Vue 3 no longer supports IE11, Element Plus does not support IE either.

version
Chrome
Edge
Firefox
Safari
< 2.5.0Chrome ≥ 64Edge ≥ 79Firefox ≥ 78Safari ≥ 12
2.5.0 +Chrome ≥ 85Edge ≥ 85Firefox ≥ 79Safari ≥ 14.1

Versión

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

Gestor de paquetes

Se recomienda el uso del administrador de paquetes (NPM, Yarn, pnpm) para instalar Element Plus, pero también puede utilizar otros gestores como Vite y webpack.

# Elige un gestor de paquetes que te guste.

# NPM
$ npm install element-plus --save

# Yarn
$ yarn add element-plus

# pnpm
$ pnpm install element-plus

Si su entorno de red no es bueno, se recomienda utilizar un registro de réplica como cnpm o Alibaba.

Importar en el navegador

Puede importar Element Plus directamente a las etiquetas HTML del navegador y utilizar la variable global ElementPlus.

Según los diferentes proveedores de CDN hay diferentes URLs de importación. Aquí usamos unpkg y jsDelivr como ejemplo. También puede utilizar otros proveedores CDN.

unpkg 

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

jsDelivr 

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

::: consejo

Recomendamos usar CDN para importar Element Plus. Empleándolo podrá bloquear la versión en la dirección del enlace, y no verse afectado por actualizaciones incompatibles cuando Element Plus se actualice en el futuro. Por favor, consulte unpkg.com para ver cómo fijar una determinada versión.

:::

Hello World

Con CDN, podemos usar Element Plus fácilmente para escribir una página de Hola Mundo. Online Demo

Si se ha instalado a través del gestor de paquetes y quiere usarlo con una herramienta de empaquetado, por favor lea la siguiente sección: Inicio rápido.