VIM Tip : Sincronizar VIM con el navegador Chrome

Si eres como yo de los que prefieres los editores de texto a un IDE, y además te encanta hacer todo con el teclado, entonces de seguro habrás usado Vim alguna vez, bueno y sino ya haré un post sobre esto.

Bueno siempre que he usado Vim he querido que sea más fácil su uso en la programación y diseño Web, algo como lo que tiene Brackets, hasta que lo encontré con este mágnifico plugin de Jaxbot.

Este plugin aprovecha el api de Chrome para poder comunicarse con Vim y viceversa, de manera que ambos quedan sincronizados.

Instalación 

Instalarlo es fácil, lo mejor es que lo hagan usando Pathogen como manejador de plugins, asi solo deben ubicarse dentro de la carpeta Bundle dentro de su .vim o si están en Windows dentro de vimfiles.

Una vez aquí clonan el repositorio github https://github.com/jaxbot/browserlink.vim

Es importante que tengan nodejs instalado en sus equipos, para que puedan ejecutar el script brolink.js

Uso

Ejecuta el script  node brolink.js

Por ultimo, puedes aprovechar usar TamperMonkey que es una extensión de Chrome para inyectar scripts de usuario en tu página, ahi debes agregar este script.


// ==UserScript==
// @name Browserlink Embed
// @namespace http://use.i.E.your.homepage/
// @version 0.1
// @description enter something useful
// @match http://localhost/*
// @copyright 2012+, You
// ==/UserScript==

var src = document.createElement("script");
src.src = "http://127.0.0.1:9001/js/socket.js";
src.async = true;
document.head.appendChild(src);


Eso es todo, espero les ayude, happy viming