livestyle for vim - quick start
DESCRIPTION
LiveStyle for Vim の使い方。 kanazawa.rb meetup 12 発表資料。TRANSCRIPT
Emmet LiveStyle
http://livestyle.emmet.io/
"Instant updates: see changes as-you-type.No file saving, no page reloading."
Demo Moviehttp://www.youtube.com/watch?v=iQLhGbkupS4
Quick start
http://livestyle.emmet.io/usage/
"1. Install “LiveStyle” plugin from Package Control in Sublime Text."
Quick start
http://livestyle.emmet.io/usage/
"1. Install “LiveStyle” plugin from Package Control in Sublime Text."
LiveStyle for Vim
https://github.com/mattn/livestyle-vim
LiveStyle for Vim
https://github.com/mattn/livestyle-vim
http://mattn.kaoriya.net/mattn_jp
LiveStyle for Vim
http://mattn.kaoriya.net/mattn_jp
https://github.com/mattn/livestyle-vim
also Emmet.vimhttp://mattn.github.io/emmet-vim/
Quick start for Vim
Vim
livestyle-vim
livestyled (included in livestyle-vim)
Google Chrome
LiveStyle Extension
Quick start for Vim
Vim
livestyle-vim
livestyled (included in livestyle-vim)
Google Chrome
LiveStyle Extension
Quick start for Vim
Vim
livestyle-vim
livestyled (included in livestyle-vim)
Google Chrome
LiveStyle Extension
livestyled
LiveStyle connection handling server
Compile required
${bundle_dir}/livestyle-vim/livestyled/livestyled.go
livestyled
LiveStyle connection handling server
Compile required
${bundle_dir}/livestyle-vim/livestyled/livestyled.go
Setup depend libs (osx)
$ brew install mercurial
$ mkdir ~/.go
$ export GOPATH=~/.go
$ go get code.google.com/p/go.net/websocket
Quick start for Vim
Vim
livestyle-vim
livestyled (included in livestyle-vim)
Google Chrome
LiveStyle Extension
LiveStyle Extension
https://chrome.google.com/webstore/detail/emmet-livestyle/diebikgmpmeppiilkaijjbdgciafajmg
LiveStyle Extension
https://chrome.google.com/webstore/
Search 'Emmet LiveStyle'
Flow
Access site w/ Chrome
Open Developer tool (LiveStyle panel)
Launch Vim & livestyled
Bind css via LiveStyle panel
Edit Edit Edit
Flow
Access site w/ Chrome
Open Developer tool (LiveStyle panel)
Launch Vim & livestyled
Bind css via LiveStyle panel
Edit Edit Edit
Flow
Access site w/ Chrome
Open Developer tool (LiveStyle panel)
Launch Vim & livestyled
Bind css via LiveStyle panel
Edit Edit Edit
Flow
Access site w/ Chrome
Open Developer tool (LiveStyle panel)
Launch Vim & livestyled
Bind css via LiveStyle panel
Edit Edit Edit
Flow
Access site w/ Chrome
Open Developer tool (LiveStyle panel)
Launch Vim & livestyled
Bind css via LiveStyle panel
Edit Edit Edit
Flow
Access site w/ Chrome
Open Developer tool (LiveStyle panel)
Launch Vim & livestyled
Bind css via LiveStyle panel
Edit Edit Edit
Thank you
Tomokazu Kiyoharahttp://github.com/kiyohara
http://facebook.com/tomokazu.kiyohara