Introducción a la interfaz de usuario semántica

Instalación a través de NodeJS - Recomendado

La instalación a través de NodeJS es el método recomendado. Se prefiere porque puede usarlo para crear los archivos seleccionando solo los componentes que desea.

Paso 1: Instalar nodo (Enlace)

Paso 2: Instale Gulp globalmente (-g) en su computadora

npm install -g gulp

La interfaz de usuario semántica utiliza Gulp para proporcionar herramientas de línea de comandos para la construcción versiones temáticas de la biblioteca con solo los componentes que necesita.

Paso 3: Instale Semantic-UI localmente para su proyecto

cd /path/to/your/project

npm install semantic-ui --save

Paso 4: navegue a la carpeta donde se guardó semantic-ui y ejecute la siguiente tarea de trago (esto puede hacerse automáticamente)

cd node_modules/semantic-ui    
gulp install

Esto iniciará el instalador interactivo. Simplemente siga las instrucciones para seleccionar los elementos SUI que desee y creará los archivos relevantes para usted.

  • Primero tendrá que elegir el tipo de instalación. Los usuarios primerizos pueden elegir el Modo automático para construir SUI
  • Luego deberá especificar la carpeta del proyecto y dónde le gustaría guardar SUI (el valor predeterminado es semantic/)
  • En caso de instalación personalizada, tendrá la opción de elegir los componentes que desee.

Paso 5: Enlace a su HTML

Vincule el archivo CSS y JavaScript compilado en su HTML

<link rel="stylesheet" type="text/css" href="semantic/dist/semantic.min.css">
<script src="semantic/dist/semantic.min.js"></script>

¡Todo listo!