* style: use prettier * style: just prettier format, no code changes * style: eslint fix object-shorthand, prefer-const * style: fix no-void * style: no-console
3.9 KiB
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.