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/24 12:13] 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 98: | Línea 101: | ||
De esta forma “fechadecreacion” es tipo “calendar” lo que lo enlaza al componente | De esta forma “fechadecreacion” es tipo “calendar” lo que lo enlaza al componente | ||
+ | |||
+ | 12. Configurar hook git en el proyecto. | ||
+ | |||
+ | Es necesario que el hook locales tengan permiso en la raiz del proyecto | ||
+ | * chmod +x /hooks/pre-push | ||
+ | |||
+ | Es necesario que git apunte al directorio hock | ||
+ | * git config core.hooksPath hooks | ||
+ | |||
+ | Importante | ||
+ | |||
+ | Si se requiere hacer un push tradicional sin que le afecte el hook y por ende no genere versionado se debe utilizar la siguiente bandera git push –no-verify | ||
+ | |||
+ | 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]] | ||
+ | |||