Muestra las diferencias entre dos versiones de la página.
| Ambos lados, revisión anterior Revisión previa Próxima revisión | Revisión previa | ||
|
ada:howto:sicoferp:factory:new-migracion-sicoferp:front:primeros [2024/06/26 21:08] 192.168.177.98 |
ada:howto:sicoferp:factory:new-migracion-sicoferp:front:primeros [2024/08/28 12:32] (actual) 192.168.177.30 |
||
|---|---|---|---|
| Línea 17: | Línea 17: | ||
| nvm install 20 | nvm install 20 | ||
| - | * Ítem de lista desordenadaVerifica que la instalación fue exitosa verificando su versión con: | + | * Verifica que la instalación fue exitosa verificando su versión con: |
| nvm ls | nvm ls | ||
| Línea 29: | Línea 29: | ||
| * git clone https://github.com/simongilr/appVersionOne.git | * git clone https://github.com/simongilr/appVersionOne.git | ||
| | | ||
| - | 6. Crear Rama de desarrollo | + | |
| - | * Para crear su rama de desarrollo ejecute en gitbash: | + | 6. Instalar Dependencias del Proyecto |
| - | + | ||
| - | git checkout -b hotfix/nombre-de-la-rama | + | |
| - | + | ||
| - | + | ||
| - | 7. Instalar Dependencias del Proyecto | + | |
| * En Git Bash, navega hasta el directorio del proyecto y ejecuta: | * En Git Bash, navega hasta el directorio del proyecto y ejecuta: | ||
| npm install | npm install | ||
| - | 8. Iniciar y Compilar el Proyecto | + | 7. Iniciar y Compilar el Proyecto |
| * Para iniciar el proyecto, ejecuta: | * Para iniciar el proyecto, ejecuta: | ||
| | | ||
| Línea 53: | Línea 48: | ||
| npm run start:qa | npm run start:qa | ||
| npm run build:qa | npm run build:qa | ||
| + | |||
| + | |||
| + | 8. Crear Rama de desarrollo | ||
| + | Para crear su rama de desarrollo ejecute en gitbash: | ||
| + | |||
| + | git checkout -b hotfix/nombre-de-la-rama | ||
| 9. Generar Componentes Angular | 9. Generar Componentes Angular | ||
| Línea 78: | Línea 79: | ||
| Ejemplo: se desea hacer uso de un calendario de PrimeNG; en este caso se consigue el código: | Ejemplo: se desea hacer uso de un calendario de PrimeNG; en este caso se consigue el código: | ||
| + | <code> | ||
| <ng-container *ngIf="field.type === 'calendar'"> | <ng-container *ngIf="field.type === 'calendar'"> | ||
| <div class="flex-auto"> | <div class="flex-auto"> | ||
| Línea 89: | Línea 90: | ||
| </div> | </div> | ||
| </ng-container> | </ng-container> | ||
| + | </code> | ||
| + | |||
| Este segmento hace parte de un formulario, pero se debe enlazar a la API formterceros.ts para enlazar el componente con el backend | Este segmento hace parte de un formulario, pero se debe enlazar a la API formterceros.ts para enlazar el componente con el backend | ||
| Línea 99: | Línea 102: | ||
| - | **12. Configurar hook git en el proyecto ** | + | 12. Configurar hook git en el proyecto. |
| Es necesario que el hook locales tengan permiso en la raiz del proyecto | Es necesario que el hook locales tengan permiso en la raiz del proyecto | ||
| Línea 112: | Línea 115: | ||
| También aplica para posibles problemas con la receta hook o si no ha preparado el proyecto local para el hook como se indicó anteriormente. | También aplica para posibles problemas con la receta hook o si no ha preparado el proyecto local para el hook como se indicó anteriormente. | ||
| + | |||
| + | Para más información consultar guía de versionado. | ||
| [[ada:howto:sicoferp:factory:new-migracion-sicoferp:front|←Regresar]] | [[ada:howto:sicoferp:factory:new-migracion-sicoferp:front|←Regresar]] | ||