Entradas con la etiqueta ‘terminal’

Usar npm sin sudo

Publicado por Iván Gajate el 8 de septiembre de 2019 en Desarrollo Web, JavaScript | Los comentarios están cerrados.

A menudo cuando vamos a escribir, por ejemplo

npm install vue

seguramente nos de un error de permisos, y tengamos que utilizar sudo para que se pueda instalar, insertando la contraseña de administrador.

Tras mucho buscar he encontrado esta forma de solucionarlo, bastante fácil de aplicar.

Consiste en usar nvm (Node Version Manager) para instalar Node desde el terminal en lugar del instalador ejecutable.

Instalamos nvm con Brew

brew install nvm

Luego podemos ver las versiones actuales de Node

nvm ls-remote

e instalamos la última, en mi caso la 10.16.3

nvm install v10.16.3

Visto en https://www.competa.com/blog/use-nvm-for-fun-and-profit-and-to-run-npm-without-sudo/

Weinre – Depurar en remoto

Publicado por Iván Gajate el 27 de febrero de 2014 en Desarrollo Web, JavaScript | Los comentarios están cerrados.

Una de las cosas mas complicadas del desarrollo para dispositivos móviles es depurar nuestras aplicaciones. En escritorio es fácil porque tenemos muchas herramientas para ver el código y ver qué está pasando por detrás, pero en móvil solía ser muy complicado.

Una forma fantástica de hacerlo es con Weinre. Funciona sobre NodeJS y nos permite ver en nuestro ordenador, con un inspector igualito que el de Chrome lo que estamos visualizando en nuestro móvil.
Para usarlo tenemos que hacer 3 cosas:

  1. Instalar Weinre y ponerlo a funcionar.
  2. Incluir un archivo js en nuestra página.
  3. Abrir el panel de Weinre para inspeccionar nuestro dispositivo móvil.

 

Para instalarlo, una vez instalado NodeJS, solo tenemos que escribir esto en el terminal:

sudo npm -g install weinre

y se instalará sin más:

A continuación, para arrancarlo simplemente escribimos esto en el terminal, indicándole nuestra ip y el puerto por el que queremos acceder:

weinre --httpPort 8080 --boundHost 192.168.1.39

 

Esto hará que podamos acceder a él a través de http://192.168.1.39:8080, aunque si queremos podemos especificar la ip y otro puerto:

 

A continuación tenemos que incluir este archivo js en nuestro HTML (hay que acordarse luego de quitarlo, cuando terminemos nuestro proyecto)

<script type="text/javascript" src="http://192.168.1.39:8080/target/target-script-min.js"></script>

Ahora tendremos que abrir esta página desde nuestro móvil a través de nuestro localhost, con Mamp o el que utilicemos.

http://192.168.1.39/miproyecto/mipagina.html

 

Ya tenemos todo listo. Ahora para acceder al inspector entramos por ese puerto en un navegador

http://192.168.1.39:8080/

y veremos la página de acceso:

 

Si todo ha ido bien, veremos al menos un enlace en verde. Para depurar nuestro dispositivo hacemos click en el primer enlace. Ojo que hay que tener el móvil con el navegador activo y la página que queremos depurar visible.

La pestaña Elements me parece la mas interesante, pues nos permite ver y modificar el html y las css de nuestra página viendo el resultado directamente en nuestro móvil 🙂
Y la Consola, por supuesto, donde podemos hacer de todo!