https://github.com/celerik/angular-boilerplate
https://github.com/celerik/angular-boilerplate
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/celerik/angular-boilerplate
- Owner: celerik
- Created: 2021-05-10T20:12:38.000Z (about 5 years ago)
- Default Branch: main
- Last Pushed: 2021-12-20T20:49:21.000Z (over 4 years ago)
- Last Synced: 2025-07-10T18:24:09.435Z (11 months ago)
- Language: HTML
- Size: 199 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README-ES.md
Awesome Lists containing this project
README
# Angular 13 + Eslint + Prettier + Husky
## Que es línea base
*@celerik/angular-boilerplate* nos entrega una base de código basada en los estándares del grupo RSI.
## Lo que está incluido
- Soporte Sass y Scss
- Soporte Tailwindcss
- Soporte TypeScript
- Soporte WebStorm/PhpStorm
- Eslint + Prettier Rules
- Soporte Angular Material y Ng Zorro
## Requerimiento
- NodeJs >= 14.x
- A node package manager such as Npm or Yarn (Yarn preferred)
## Quick start
- Descargar esta plantilla
- Descomprimir la carpeta
- Opcionalmente puede seleccionar la rama que tiene alguna de la ui de su preferencia: Angular Material O Ng Zorro
- modificar package.json con el nombre de tu aplicación
```
cd "folder name"
git checkout angular_material o git checkout ng_zorro (Opcional)
yarn install
ng serve
```
## Adding new components to the project
para estandarizar la creación de componentes se prefiere el uso de ng generate para crear componentes
- Creating a component/schematic:
```
ng generate component component/{{name}}
```
la carpeta raíz can puede ser manualmente especificada
```
ng generate component {{path}}/{{name}}
```
la salida o archivos generados en "./src/{{path}}/{{name}}/" para cualquier caso.
## Encontrando dependendecies no usadas
- Primero necesitarás instalar depcheck globalmente (una sola vez):
```
yarn global add depcheck
```
- para chequear las dependencies no usadas sólo necesitas correr el comando depcheck dentro
```
depchek
```
## Encontrando dependencias circulares
- Primero necesitas instalar madge globalmente:
```
yarn global add madge
```
- para verificar la existencia de dependencias circulares deberás correr el siguiente comando
```
npx madge --circular --extensions ts ./
```