Diferències
Ací es mostren les diferències entre la revisió seleccionada i la versió actual de la pàgina.
| development:angular:estructura [25/01/2020 10:17] – creat mate | development:angular:estructura [26/01/2020 01:28] (actual) – mate | ||
|---|---|---|---|
| Línia 16: | Línia 16: | ||
| * deja rastro | * deja rastro | ||
| * **package.json** | * **package.json** | ||
| + | * muy importante | ||
| + | * generado y mantenido de manera automática | ||
| + | * información, | ||
| + | * **tsconfig.json** | ||
| + | * indica a TypeScript como trabajar | ||
| + | * **tslint.json** | ||
| + | * define reglas de sintaxis para escribir código más límpio | ||
| + | * genera error en el IDE si no las cumplimos | ||
| + | * **src/** | ||
| + | * codigo fuente de la app | ||
| + | * src/ | ||
| + | * fichero de inicio, html 5, con tags específicos (placeholder) para colocar nuestra app | ||
| + | * ''< | ||
| + | * src/app/ | ||
| + | * app angular | ||
| + | * src/ | ||
| + | * pruebas unitarias (se usa **spec** para identificarlos) | ||
| + | * src/ | ||
| + | * contiene el código que rellenará la etiqueta ''< | ||
| + | * <sxh javascript> | ||
| + | |||
| + | @Component({ | ||
| + | selector: ' | ||
| + | templateUrl: | ||
| + | styleUrls: [' | ||
| + | }) | ||
| + | |||
| + | export class AppComponent { | ||
| + | nombre = ' | ||
| + | apellido = ' | ||
| + | }</ | ||
| + | * src/ | ||
| + | * contiene el HTML que se usa desde el .ts que será inyectado en ''< | ||
| + | * <sxh html; title=app.component.html>< | ||
| + | <ul> | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | * src/ | ||
| + | * src/ | ||
| + | * clase que define un decorador llamado **ngModule** (se verá más adelante) | ||
| + | * lo manipularemos a conveniencia | ||
| + | * src/ | ||
| + | * recursos estáticos: imágenes, audios, vídeos... | ||
| + | * src/ | ||
| + | * fichero para que git siempre suba el directorio **assets** | ||
| + | * nombre por convención | ||
| + | * src/ | ||
| + | * archivos con variables de entorno según estemos en producción o desarrollo | ||
| + | * src/ | ||
| + | * desde Angular 6 | ||
| + | * casos de incompatibilidad con navegadores (normalmente versiones antiguas) | ||
| + | * src/ | ||
| + | * archivo configuración test unitarios | ||
| + | * src/main.ts | ||
| + | * primer fichero analizado por Angular | ||
| + | * define, entre otras cosas, el tipo de aplicación (web, móvil, ...) | ||
| + | * src/ | ||
| + | * ayuda a compatibilizar versiones viejas de navegadores | ||
| + | * src/ | ||
| + | * estilos globales de la app | ||
| + | * src/test.ts | ||
| + | * relativo a los test unitarios con **karma** | ||
| + | * requerido por **karma.conf.js** para cargar recursivamente los ficheros **.spec** | ||
| + | * src/ | ||
| + | * configuraciones de TypeScript relativas a la app | ||
| + | * amplia **tsconfig.json** | ||
| + | * src/ | ||
| + | * configuraciones relativas a las pruebas unitarias | ||
| + | * amplia el fichero **tsconfig.json** | ||
| + | * src/ | ||
| + | * especifica como se van a mostrar los errores de JS/TS en el IDE | ||
| + | * amplia el fichero **tslint.json** | ||
| + | |||