command not found: adb

Si estás empezando a desarrollar con Android y al ejecutar en tu terminal el comando adb obtienes el error:

command not found: adb

Si estás en macOS y has instalado correctamente tu Android Studio seguramente lo que ocurra es que no se han «seteado/instalado» bien las variables de entorno.

Para ello, abrimos nuestro archivo de configuación de zsh o bash, en mi caso .zshrc y añadiremos las siguientes lineas de exports:

## Exports for Android Tools
export ANDROID_HOME=$HOME/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/emulator
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/tools/bin
export PATH=$PATH:$ANDROID_HOME/platform-tools

Tu opinión es importante para mi, ¿Te ha resultado útil este artículo?

Error al crear AVD Android en Macos

Si al intentar crear un dispositivo en Android Studio os aparece este error:

Error Creating AVD
An error occurred while creating the AVD.
See idea.log fora details.

No problemo, solo tenemos que ejecutar en la terminal (en cualquier directorio) el siguiente comando:

sudo chown $(whoami) ~/.android

Tips para padawans:

* El archivo .android Está en la raíz de nuestro usuario, en mi caso:

/Users/kikebeltran/.android

Por eso, poniendo el símbolo ~/ hacemos referencia a nuestro directorio base y por lo tanto podemos ejecutar el comando estando ubicados en cualquier directorio.

*En lugar de $(whoami) podéis poner vuestro nombre de usuario, $(whoami) es para coger nuestro nombre, podéis probarlo en consola escribiendo:

echo $(whoami)

Tu opinión es importante para mi, ¿Te ha resultado útil este artículo?

Cambiar la compresión de las imágenes JPG subidas a WordPress

Por defecto WordPress comprime las imágenes que subimos a un 60% aprox.

Para manejar esta compresión podemos escribir la siguiente función en nuestro functions.php

add_filter( 'jpeg_quality', function() {
    return 100;
});

Cambiando el retorno (en este caso es 100) cambiariamos el grado de compresión, siendo 100 la máxima calidad del archivo (ninguna compresión).

O en una sola linea para los amantes de lo breve

add_filter( 'jpeg_quality', function() { return 100; });

Dejo por aquí el gist también

Si queréis que cree un plugin con esta función escribidme por email o en los comentarios del post (:

Saluuudossss


Tu opinión es importante para mi, ¿Te ha resultado útil este artículo?

Ver tu localhost desde fuera de tu red sin abrir puertos con ngrok

Si queremos mostrar la web a un cliente/amigo/etc sin necesidad de hacer ningún deploy, utilizar ningún servicio externo, abrir ningún puerto, bla bla bla… Parece mentira, parece brujería pero es posible tan solo instalando ngrok… Awesome 😱

Para instalarlo necesitamos Node 👀

sudo npm i -g ngrok

Si nos da errores de permisos probad con:

npm install ngrok --unsafe-perm=true --save

Para ponerlo en funcionamiento tan solo nos basta con ir a la ruta/path de nuestro proyecto y ejecutar:

ngrok http 5500

(5500 es el puerto que queremos exponer, en mi caso tengo ese porque he montado un server php con el comando ‘php -S localhost:5500‘)
Documentación de crear un server php «temporal»: https://www.php.net/manual/es/features.commandline.webserver.php
Para mas documentación sobre ngrok: https://ngrok.com/docs

Y nos devolverá:

ngrok by @inconshreveable (Ctrl+C to quit)

Session Status online
Session Expires 7 hours, 59 minutes
Version 2.3.35
Region United States (us)
Web Interface http://127.0.0.1:4040
Forwarding http://1cf353f672df.ngrok.io -> http://localhost:5500
Forwarding https://1cf353f672df.ngrok.io -> http://localhost:5500

Podemos ver (entre otras cosas) que la sesión caducará en 8 horas. Dejando la terminal abierta podremos ver el log del server.


Tu opinión es importante para mi, ¿Te ha resultado útil este artículo?

Obtener la ip local en nuestro macOs rápidamente

Como todos sabemos podemos ejecutar en terminal ifconfig y nos devuelve todas las configuraciones de red, pero si solo queremos saber la ip local de nuestro equipo, solo con escribir:

ipconfig getifaddr en0

Nos devolverá la ip local.

👋


Tu opinión es importante para mi, ¿Te ha resultado útil este artículo?

.htaccess para React

Configuración estándar para una app de React Js.



  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteCond %{REQUEST_FILENAME} !-l
  RewriteRule . /index.html [L]



Tu opinión es importante para mi, ¿Te ha resultado útil este artículo?

El tren de linux

Para poder ver esta fantasía en nuestra terminal de Linux tan solo hemos de ejecutar:

sl -l

Y el tren nos pasará por la terminal. (Siempre que lo tengamos instalado «sudo apt install sl»)

Otras animaciones:

sl
sl -a
sl -F
sl -Fa
sl -la
sl -Flea

Enjoy!


Tu opinión es importante para mi, ¿Te ha resultado útil este artículo?

Eliminar todos los mail en Linux

Cómo eliminar todos los emails que nos brinda el sistema (al crear los «crons» por ejemplo).

Mostramos los headers:

mail -N

Los borramos todos:

d *

Salimos:

quit


Tu opinión es importante para mi, ¿Te ha resultado útil este artículo?

Al crear la app desde npx create-react-app no me genera el proyecto

Si estamos intentando crear un nuevo proyecto de React js y al ejecutar

npx create-react-app app

accedemos a la carpeta:

ls app

y tan solo tenemos los siguientes ficheros:

node_modules
package-lock.json
package.json

Puede ser que tengamos instalada una versión vieja de create-react-app en nuestro sistema, en:

/usr/local/bin/create-react-app

Para «fixear» esto vamos a desinstalar create-react-app con:

sudo npm uninstall -g create-react-app

Y ya debería de funcionar.

Creamos otra app con npx.

npx create-react-app app2

Listamos el directorio

ls app2

y

README.md
node_modules
package-lock.json
package.json
public
src

!Saludosss!


PD: Hay otra solución un poco «ñapas» que consistiría en ejecutar:

npx --ignore-existing create-react-app app

Y como veis, ignoraría el global existente, (haced el camino limpio que sienta mejor 🙏)


Tu opinión es importante para mi, ¿Te ha resultado útil este artículo?

Actualizar la versión de Node en MacOS

En mi caso, al ejecutar:

node -v

Me devolvía:

v8.12.0

Para actualizar la versión tan solo vamos a la página oficial de node https://nodejs.org/es/ y descargamos la actual, ejecutamos el archivo y al finalizar volvemos a nuesrto terminal y volvemos a ejecutar:

node -v

Y aparecerá ya la nueva versión de node!

v12.18.2

💃


Tu opinión es importante para mi, ¿Te ha resultado útil este artículo?