Skip to content

somospragma/frontend-angular-v15-to-v19

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Arquetipo Angular Pragma

Logo Pragma

Angular | La plataforma moderna para el desarrollo web.

angular-logo eslint-logo jest-logo prettier-logo

Angular es una plataforma de desarrollo para crear aplicaciones web móviles y de escritorio
utilizando Typescript/JavaScript y otros lenguajes

www.angular.io

Angular CLI

Este proyecto ha sido genereado con Angular CLI versión 17

Este proyecto trabaja bajo Angular v17 mediante STANDALONE,puede revisar las TAGs o Ramas del respositorio actual para ver las versiones disponibles.

Requerimientos y dependencias

package use version
Angular CLI 17.3
Node 20
Npm 10

Paso a Paso

Puede seguir el paso a paso para utilizar el arquetipo y/o consultar más detalles sobre su versión y características. ver WIKI

Clonando el Repositorio

Puede realizar el clonado segun la version y rama respectiva, si no desea conservar historial de commits sugerimos:

git clone --depth=1 --branch <nombre-rama> <URL_DEL_REPO>

Servidor de Desarrollo

Ejecute ng serve o npm run start para un servidor de desarrollo. Navegue hasta http://localhost:4200/. La aplicación se recargará automáticamente si cambia alguno de los archivos fuente. Admite componentes independientes.

ng serve
npm start

Aruitectura de Codigo.

Ejecute ng generate component component-name --standalone para generar un nuevo componente. También puede usar ng generate directive|pipe|service|class|guard|interface|enum|module. Tenga en cuenta el uso del principio LIFT para Angular, puede ver más información aquí o use la extensión Angular schematics para Visual Studio Code.

Build

Ejecute npm run build para construir el proyecto. Los artefactos de compilación se almacenarán en el directorio dist/.

Ejecutando Test Unitarios

Para ejecutar las pruebas unitarias a través de JEST. De forma predeterminada, AppComponent evalúa 3 pruebas unitarias. Cada componente debe contener pruebas unitarias y una covertura minima del 70%.

Ejeucte los comandos según corresponda:

npm run test
npm run test:watch
npm run test:coverage

ESLint - Prettier

ESLint y Prettier te ayudan a mantener tu código limpio y legible, lo que a su vez te ayuda a reducir errores y mejorar la calidad de tu código. Por defecto este proyecto ya contiene las configuraciones necesarias, las reglas de ESLint en el archivo .eslintrc.json según las necesidades de Pragma.

Ejeucte los comandos según corresponda:

npm run lint
npm run lint-all 
npm run lint-watch

Para obtener el mejor rendimiento, debes haber instalado y configurado las extensiones necesarias y/o recomendadas:

  • ESLint -> vscode-eslint
  • Error Lens -> usernamehw.errorlens
  • Prettier - Code formatter -> esbenp.prettier-vscode

Branch, Commits y GIT

Para la creación de Branch revise la estrategia de Branching Adecuada para el proyecto. Para la generación de commits haga uso de Conventional Commits puede consultar mas Conventional Commits

Este proyecto usa Husky

Husky es una herramienta que ayuda a gestionar Git hooks en proyectos, permitiendo ejecutar scripts automáticamente antes de commits, pushes u otras acciones de Git. Se usa comúnmente para asegurarse de que el código sigue ciertas reglas antes de ser enviado al repositorio.

Husky suele configurarse para tareas como:

Ejecutar linters o formatters antes de hacer commit (ej. eslint, prettier). Correr pruebas automáticamente antes de hacer push. Evitar commits con errores asegurando que el código cumple ciertos estándares.

🛠️ Hook pre-commit (Husky) Este archivo es un hook de Husky que se ejecuta automáticamente antes de realizar un commit en Git.

🔍 ¿Qué hace?

  • Corrige errores de formato (npm run lint:fix).
  • Verifica el código con el linter (npm run lint).
  • Reagrega archivos después de corregir el formato (git add .).
  • Ejecuta pruebas antes del commit (npm run test).

⚠️ Importante Si hay errores de linting o fallan las pruebas, el commit no se realizará hasta que los corrijas. 🚀

Documentación con Compodoc

Este proyecto utiliza Compodoc como herramienta de documentación para Angular, basada en JSDoc. Para generar y visualizar la documentación del proyecto, ejecute el siguiente comando:

npm run compodoc:build-and-serve

Además, puede encontrar información adicional en nuestro espacio de trabajo: Compodoc | Workplace

Soporte de CLI

Para obtener más ayuda sobre Angular CLI, use ng help o consulte la página Angular CLI Overview and Command Reference.

Puede consultar la WIKI del arquetipo. Arquetipo Pragma WIKi

Expressions of Gratitude 🎁

"El talento no solo hay que encontrarlo, hay que guiarlo en la dirección correcta." Pragma

Author 🤖

PRAGMA 💜

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Packages

No packages published