development:angular:20200302

Diferències

Ací es mostren les diferències entre la revisió seleccionada i la versió actual de la pàgina.

Enllaç a la visualització de la comparació

Ambdós costats versió prèvia Revisió prèvia
Següent revisió		 Revisió prèvia
development:angular:20200302 [02/03/2020 10:10] – [prettier] matedevelopment:angular:20200302 [02/03/2020 12:04] (actual) – [firebase] mate
Línia 13: Línia 13:
  
 === prettier === prettier
-  * [[https://medium.com/@leonardomendoza/angular-7-prettier-99ffbec05363]] +  * introducción: [[https://medium.com/@simonhoyos/manten-limpio-tu-c%C3%B3digo-javascript-usando-linters-editorconfig-y-prettier-25dadc638b99]] 
-  * crear **.prettierrc** en el raiz del proyecto+  * tutorial: [[https://medium.com/@leonardomendoza/angular-7-prettier-99ffbec05363]] 
 +  * crear **.prettierrc** en el raíz del proyecto
   * añadir configuración:<code json>   * añadir configuración:<code json>
 { {
Línia 24: Línia 25:
   * modificar **tslint.json**   * modificar **tslint.json**
     * añadiendo ** "tslint-config-prettier"** en la sección **extends** (convertir en array)     * añadiendo ** "tslint-config-prettier"** en la sección **extends** (convertir en array)
-    * añadir ** "prettier": true** en **rules** 
   * añadir otros paquetes para hacer pre-commit:   * añadir otros paquetes para hacer pre-commit:
     * ''npm install pretty-quick husky %%--%%dev''     * ''npm install pretty-quick husky %%--%%dev''
Línia 32: Línia 32:
     }     }
 }</code> }</code>
-  * [[https://palantir.github.io/tslint/usage/rule-flags/]]+  * reglas de .prettierignore: [[https://palantir.github.io/tslint/usage/rule-flags/]] 
 +  * ''npm run lint'' 
 + 
 +=== firebase 
 +  * usar firebase para autenticación 
 +    * firebase -> auth -> método -> google 
 +  * ''npm install firebase-tools -g'' 
 +    * firebase-cli 
 +    * ''-g'': global 
 +  * recoger el objeto de API de firebase 
 +  * guardar en **src/environments/environment.ts**, dentro de **environment** 
 +    * la mejor ubicación si trabajamos con entornos que cada cual puede tener sus propias configuraciones 
 +  * ''firebase login'' 
 +  * ''firebase init'' 
 +    * opción **deploy** 
 +    * hacer previamente ''npm run build'' ≡ ''ng build'' para saber cual es nuestro "public" 
 +    * no sobreescribir **index.html** 
 +  * ''firebase deploy'': sube nuestro proyecto al hosting de Firebase según la carpeta public que le hemos especificado 
 +  * ''ng build %%--%%prod'': comprime la app según lo especificado en **angular.json** en la sección projects 
 + 
 +=== firebase authentication 
 +  * tutorial: [[https://angular-templates.io/tutorials/about/firebase-authentication-with-angular]] 
 +  * librerías para trabajar con firebase: ''npm install @angular/fire firebase --save'' 
 +  * guardianes de ruta: comprueba si estamos logeados para acceder a ciertas rutas
  • development/angular/20200302.1583172601.txt.gz
  • Darrera modificació: 02/03/2020 10:10
  • per mate