desy-angular v10.0 - Manual de instalación

desy-angular v10.0 - Manual de instalación

Prerrequisitos


Dependencias


Para utilizar desy-angular es necesario instalar previamente las siguientes librerías:

Puedes instalarlas mediante el comando npm install desy-html@6.2.1 @angular/cdk

Instalación


Si vas a crear un proyecto desde 0, puedes tomar el proyecto desy-angular-starter como punto de partida. Este proyecto viene con desy-angular configurado y listo para utilizarse. Puedes encontrarlo aquí: Bitbucket

Después de instalar las dependencias anteriores, instale desy-angular través de:

npm install desy-angular

Una vez instalado, se debe importar el módulo principal DesyAngularModule y el módulo BrowserAnimationsModule en su módulo de aplicación:

app.module.ts
import { DesyAngularModule } from 'desy-angular'; @NgModule({ declarations: [AppComponent, ...], imports: [DesyAngularModule, BrowserAnimationsModule, ...], bootstrap: [AppComponent] }) export class AppModule { }

 

 

Configuración de router

Para que funcionen correctamente los componentes de navegación (DesyNavModule) es necesario activar anchorScrolling en la configuración de router.

 

Configuración de tailwindcss

Desy-angular usa las clases css que nos aporta desy-html, haciendo uso de la librería tailwindcss. Para su correcto funcionamiento y visualización es recomendable la siguiente configuración.