Características de Angular
- Form builder
- Change Detection
- Sistema de plantillas
- Enrutamiento
- Anotaciones
- Observables
Angular 9
- Vuelve a tener directivas con selector
- Añade soporte al valor “provideIn”
- Nuevo método de inyecciones en TestBed
- Angular Language Service:
oLa definición de URL es más consistente. Verifica la URL
oInstroduce un script para que el building de distribución se haga fuera del repositorio raíz.
oTest de integración
oMejora de diagnosticos
oLas plantillas URL se diagnostican
Extensiones de Visual Studio Code para trabajar más cómodamente en Angular
- Indent-Rainbow: Facilita la lectura con marcas de colores en las diferentes indentaciones.
- Rainbow Brackets: Diferentes colores en los paréntesis, corchetes o llaves para identificarlos mejor
- Version lens: Indica la última versión de las dependencias para estar siempre actualizados
- Git Lens: Introduce todas las funcionalidades de GIT dentro del proyecto
- Path Intellisense: Autocompleta las rutas de archivos que introduzcamos al código.
- Npm instellisense: autocompleta la importación de paquetes npm
- Angular 9 Snippets: facilita la creación de código al tener trozos iguales en todas las aplicaciones,
autocompletando partes.
- Angular Schematics: Aporta comandos dentro del CLI
- Color highlight: Para hacer más rápida la lectura de código
- Debugger for Chrome: permite hacer debugging de nuestro Código dentro de Chrome.
- EsLint: Integra ESLint de JavaScript dentro de VSCode. Realiza una comprobación de errores en tiempo
de escritura.
- Material Icon Theme: Diferencia las distintos tipos de archivos mediante diferentes iconos para
diferenciarlos mejor
Comenzar un proyecto:
Ng new proyect --routng –style=css
Estructura archivos:
- Package.json : Fichero para definit las dependencias de los diferentes paquetes npm para el proyecto
- README.md: Archivo que explica brevemente el funcionamiento del proyecto
- Karma.conf.js: Entorno para hacer testing a Angular
- Tsconfig.json: Define como se va a compilar el código que vamos desarrollando
- Angular.json: Archivo de configuración que provee información relevante sobre el desarrollo,
herramientas de desarrollo y publicación.
AppModule es el punto de entrada a nuestra aplicación.
