LiveStyle for Vim - Quick start
Upcoming SlideShare
Loading in...5
×
 

LiveStyle for Vim - Quick start

on

  • 4,043 views

LiveStyle for Vim の使い方。

LiveStyle for Vim の使い方。
kanazawa.rb meetup 12 発表資料。

Statistics

Views

Total Views
4,043
Slideshare-icon Views on SlideShare
3,994
Embed Views
49

Actions

Likes
11
Downloads
12
Comments
0

2 Embeds 49

https://twitter.com 48
http://tweetedtimes.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    LiveStyle for Vim - Quick start LiveStyle for Vim - Quick start Presentation Transcript

    • LiveStyle for Vim Quick start 2013/08/24 - kanazawa.rb meetup 12
    • Emmet LiveStyle http://livestyle.emmet.io/ "Instant updates: see changes as-you-type. No file saving, no page reloading."
    • Demo Movie http://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.vim http://mattn.github.io/emmet-vim/
    • Quick start for 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
    • livestyle-vim Vundle.vim Bundle 'mattn/livestyle-vim' NeoBundle.vim NeoBundle 'mattn/livestyle-vim'
    • 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 Go lang (osx) $ brew install go
    • Setup depend libs (osx) $ brew install mercurial $ mkdir ~/.go $ export GOPATH=~/.go $ go get code.google.com/p/go.net/websocket
    • Compile livestyled $ cd ${bundle_dir}/livestyle-vim/livestyled $ go build livestyled.go
    • 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'
    • How to Use
    • 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
    • Access site w/ Chrome
    • Flow Access site w/ Chrome Open Developer tool (LiveStyle panel) Launch Vim & livestyled Bind css via LiveStyle panel Edit Edit Edit
    • Open Developer tool(LiveStyle Panel)
    • Open Developer tool(LiveStyle Panel)
    • Flow Access site w/ Chrome Open Developer tool (LiveStyle panel) Launch Vim & livestyled Bind css via LiveStyle panel Edit Edit Edit
    • Launch Vim & livestyled
    • Launch Vim & livestyled
    • Launch Vim & livestyled
    • Launch Vim & livestyled
    • Flow Access site w/ Chrome Open Developer tool (LiveStyle panel) Launch Vim & livestyled Bind css via LiveStyle panel Edit Edit Edit
    • Bind css via LiveStyle panel
    • Bind css via LiveStyle panel
    • Flow Access site w/ Chrome Open Developer tool (LiveStyle panel) Launch Vim & livestyled Bind css via LiveStyle panel Edit Edit Edit
    • Edit Edit Edit
    • Edit Edit Edit
    • Caution
    • Restriction
    • Happy coding !!
    • "kanazawa.rb ?"
    • scss/sass supported
    • scss/sass supported scss/sass command required set ft=scss/sass Heavy ...
    • Thank you Tomokazu Kiyohara http://github.com/kiyohara http://facebook.com/tomokazu.kiyohara