Plex es un conjunto de componentes de UI/UX para el proyecto ANDES.

1. Crear una nueva aplicación con angular-cli

   ng new my-app
   cd my-app
   

2. Descargar desde npm

   npm install @andes/plex --save
   

3. Crear un nuevo archivo src/styles.sass y editarlo para vincular al archivo .sass de Plex

   @import '~andes-plex/src/lib/styles.sass';

4. Registrar en angular-cli.json los siguiente archivos:

   ...
   "styles": [
      "styles.sass",
   ],
   "scripts": [
       "../node_modules/intro.js/intro.js"
   ],
   ...

5. Modificar app.component.html con el siguiente contenido:

   <plex-app>  
   </plex-app>

6. Crear un componente home.component.ts con el siguiente contenido:

   import { Component } from '@angular/core';
   
   @Component({
     template: 'Hello World',
   })
   export class HomeComponent {
   }

7. Crear el archivo app.routing.ts y registrar el componente:

   import { Routes, RouterModule } from '@angular/router';
   import { ModuleWithProviders } from '@angular/core';
   import { HomeComponent } from './home.component';
   
   const appRoutes: Routes = [
    { path: '**', component: HomeComponent } 
   ];
   
   export const appRoutingProviders: any[] = [];
   export const routing: ModuleWithProviders = RouterModule.forRoot(appRoutes);

8. En app.module.ts importar PlexModule y registrar los routings y el servicio Plex:

   import { BrowserModule } from '@angular/platform-browser';
   import { NgModule } from '@angular/core';
   import { FormsModule } from '@angular/forms';
   import { HttpModule } from '@angular/http';
   import { Plex, PlexModule } from '@andes/plex';
   import { routing, appRoutingProviders } from './app.routing';
   
   // Components
   import { AppComponent } from './app.component';
   import { HomeComponent } from './home.component';
   
   @NgModule({
    declarations: [
      AppComponent,
      HomeComponent
    ],
    imports: [
      BrowserModule,
      FormsModule,
      HttpModule,
      PlexModule,
      routing
    ],
    providers: [
      Plex,  
      appRoutingProviders  
    ],
    bootstrap: [AppComponent]
   })
   export class AppModule { }

9. Correr la aplicacion ng serve

   ng serve
   

10. Navegar hasta http://localhost:4200