Node Reload

Description

1. Save the file with vim
2. Automatically update the browser

───────────────────────────────
Install Manual
───────────────────────────────
[Japanese]
http://temog.info/archives/programming/vim-node-js-chrome-extension.html

[English]
1. vim setting

added to vimrc. replace example.com
-----------------------------------
let wgetstr = "!wget -q --spider \"http://example.com:8000/?path=" . expand("%:p:h") . "\""
autocmd BufWritePost *.php,*.css silent exe wgetstr
----------------------------------

install node.js + express + socket.io to vps
----------------------------------
yum install -y openssl-devel gcc-c++
wget http://nodejs.org/dist/v0.8.8/node-v0.8.8.tar.gz
tar zxvf node-v0.8.8.tar.gz
cd node-v0.8.8
./configure
make
sudo make install

mkdir -p ~/node/node-reload
cd ~/node/node-reload

sudo npm install -g forever
sudo npm install express
sudo npm install socket.io
sudo npm install socket.io-client
sudo npm install ejs
express -e
----------------------------------

edit app.js file
----------------------------------
#before
app.set('port', process.env.PORT || 3000);

#after
app.set('port', process.env.PORT || 8000);
----------------------------------

edit routes/index.js file
----------------------------------
# replace a file with git.hub
https://raw.github.com/temog/node-reload/master/node/routes/index.js

# replace example.com
var csocket = client.connect('http://example.com:8001');
----------------------------------

start the server with forever
----------------------------------
forever start app.js
----------------------------------

install chrome extension.
after installation, enter the URL of the websocket.
----------------------------------
# replace example.com
http://example.com:8001
----------------------------------

Installation complete.
Automatic Updates will begin to check the path from the popup of Extension after you save the file in vim