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:00] – [setup] 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> 
 +{ 
 +  "printWidth": 100, 
 +  "singleQuote": true 
 +} 
 +</code>
   * ''npm install --save-dev tslint-config-prettier'': crea una serie de reglas en TSLINT para que convivan los dos sistemas   * ''npm install --save-dev tslint-config-prettier'': crea una serie de reglas en TSLINT para que convivan los dos sistemas
   * 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''
     * añadir en **package.json** la siguiente configuración:<code json>"husky": {     * añadir en **package.json** la siguiente configuración:<code json>"husky": {
     "hooks": {     "hooks": {
Línia 27: Línia 32:
     }     }
 }</code> }</code>
 +  * 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.1583172018.txt.gz
  • Darrera modificació: 02/03/2020 10:00
  • per mate