Repository files navigation

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

1. Crear una nueva aplicación conangular-cli

   ng new my-appcd my-app

2. Descargar desde npm

   npm install @andes/plex --save

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

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

4. Registrar enangular-cli.json los siguiente archivos:

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

5. Modificarapp.component.html con el siguiente contenido:

   <plex-app></plex-app>

6. Crear un componentehome.component.ts con el siguiente contenido:

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

7. Crear el archivoapp.routing.ts y registrar el componente:

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

8. Enapp.module.ts importarPlexModule y registrar los routings y el servicioPlex:

   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';// Componentsimport{AppComponent}from'./app.component';import{HomeComponent}from'./home.component';@NgModule({declarations:[AppComponent,HomeComponent],imports:[BrowserModule,FormsModule,HttpModule,PlexModule,routing],providers:[Plex,appRoutingProviders],bootstrap:[AppComponent]})exportclassAppModule{}

9. Correr la aplicacionng serve

   ng serve

10. Navegar hastahttp://localhost:4200

La siguiente secuencia de pasos permite publicar la librería en NPM:

1. Incrementar la versión package.json y package-lock.json. Por ejemplo"version": "1.1.17"
2. Realizar commit con la nueva versión
3. Crear un tag con la versión, tiene que ser la misma que en package.json. Por ejemplogit tag 1.1.17
4. Realizar push de los cambios
5. Realizar el PR con la versión y luego mergear a Master
6. Volver a Master y obtener últimos cambios
7. Ejecutarnpm login (usando las credenciales de Andes)
8. Ejecutarnpm publish