Submit Search
Upload
LiveStyle for Vim - Quick start
•
15 likes
•
4,921 views
Tomokazu Kiyohara
Follow
LiveStyle for Vim の使い方。 kanazawa.rb meetup 12 発表資料。
Read less
Read more
Technology
Report
Share
Report
Share
1 of 48
Download now
Download to read offline
Recommended
Pentago on Wave
Pentago on Wave
Lim Chee Aun
Notas link
Notas link
José Carlos Ipanaqué Baluarte
WordPress の可能性
WordPress の可能性
Naoko Takano
Tech 20 Session 10
Tech 20 Session 10
Greg Dhuyvetter
(Responsive) Video
(Responsive) Video
Walter Ebert
How to open Sony Cyber-shot videos for playing and editing on Mac?
How to open Sony Cyber-shot videos for playing and editing on Mac?
snowgirlboy
Video and audio
Video and audio
Iestyn Williams
FRCC MAT050 Working with Exponents (Sect 1.10)
FRCC MAT050 Working with Exponents (Sect 1.10)
cccscoetc
Recommended
Pentago on Wave
Pentago on Wave
Lim Chee Aun
Notas link
Notas link
José Carlos Ipanaqué Baluarte
WordPress の可能性
WordPress の可能性
Naoko Takano
Tech 20 Session 10
Tech 20 Session 10
Greg Dhuyvetter
(Responsive) Video
(Responsive) Video
Walter Ebert
How to open Sony Cyber-shot videos for playing and editing on Mac?
How to open Sony Cyber-shot videos for playing and editing on Mac?
snowgirlboy
Video and audio
Video and audio
Iestyn Williams
FRCC MAT050 Working with Exponents (Sect 1.10)
FRCC MAT050 Working with Exponents (Sect 1.10)
cccscoetc
Why it's dangerous to turn off automatic updates and here's how to do it
Why it's dangerous to turn off automatic updates and here's how to do it
Onni Hakala
Vim再入門
Vim再入門
bleis tift
WordPress Development: Tracking Your Code With Version Control
WordPress Development: Tracking Your Code With Version Control
Sterling Hamilton
OpenWhisk Under the Hood -- London Oct 16 2016
OpenWhisk Under the Hood -- London Oct 16 2016
Stephen Fink
HalfStack London - Make Your Animations Perform Well
HalfStack London - Make Your Animations Perform Well
Anna Migas
"Will Git Be Around Forever? A List of Possible Successors" at UtrechtJUG
"Will Git Be Around Forever? A List of Possible Successors" at UtrechtJUG
🎤 Hanno Embregts 🎸
Magento 2 web p image support
Magento 2 web p image support
TheMagicians
Xke - Introduction to Apache Camel
Xke - Introduction to Apache Camel
Alexis Kinsella
Jump into Squeak - Integrate Squeak projects with Docker & Github
Jump into Squeak - Integrate Squeak projects with Docker & Github
hubx
Building Mobile Friendly APIs in Rails
Building Mobile Friendly APIs in Rails
Jim Jeffers
Start Vim script @Ujihisa.vim 2011/11/19
Start Vim script @Ujihisa.vim 2011/11/19
Akihiro Okuno
Python Programming Essentials - M4 - Editors and IDEs
Python Programming Essentials - M4 - Editors and IDEs
P3 InfoTech Solutions Pvt. Ltd.
Firefox Developer Tools
Firefox Developer Tools
dynamis
Building a social network in under 4 weeks with Serverless and GraphQL
Building a social network in under 4 weeks with Serverless and GraphQL
Yan Cui
Introduction to Vim
Introduction to Vim
Brandon Liu
Hands on training on DbFit Part-II
Hands on training on DbFit Part-II
Babul Mirdha
Google Web Toolkits
Google Web Toolkits
Yiguang Hu
WordPress Ann Arbor: WP Tips and Tricks
WordPress Ann Arbor: WP Tips and Tricks
oneilldec
WebRTC Live Q&A and Screen Capture session 3
WebRTC Live Q&A and Screen Capture session 3
Amir Zmora
Rapid Prototyping with Sass, Compass and Middleman by Bermon Painter
Rapid Prototyping with Sass, Compass and Middleman by Bermon Painter
Codemotion
JavaScript で OS X を自動操作
JavaScript で OS X を自動操作
Tomokazu Kiyohara
Google Cloud Platform を支える技術 …のごく一部
Google Cloud Platform を支える技術 …のごく一部
Tomokazu Kiyohara
More Related Content
Similar to LiveStyle for Vim - Quick start
Why it's dangerous to turn off automatic updates and here's how to do it
Why it's dangerous to turn off automatic updates and here's how to do it
Onni Hakala
Vim再入門
Vim再入門
bleis tift
WordPress Development: Tracking Your Code With Version Control
WordPress Development: Tracking Your Code With Version Control
Sterling Hamilton
OpenWhisk Under the Hood -- London Oct 16 2016
OpenWhisk Under the Hood -- London Oct 16 2016
Stephen Fink
HalfStack London - Make Your Animations Perform Well
HalfStack London - Make Your Animations Perform Well
Anna Migas
"Will Git Be Around Forever? A List of Possible Successors" at UtrechtJUG
"Will Git Be Around Forever? A List of Possible Successors" at UtrechtJUG
🎤 Hanno Embregts 🎸
Magento 2 web p image support
Magento 2 web p image support
TheMagicians
Xke - Introduction to Apache Camel
Xke - Introduction to Apache Camel
Alexis Kinsella
Jump into Squeak - Integrate Squeak projects with Docker & Github
Jump into Squeak - Integrate Squeak projects with Docker & Github
hubx
Building Mobile Friendly APIs in Rails
Building Mobile Friendly APIs in Rails
Jim Jeffers
Start Vim script @Ujihisa.vim 2011/11/19
Start Vim script @Ujihisa.vim 2011/11/19
Akihiro Okuno
Python Programming Essentials - M4 - Editors and IDEs
Python Programming Essentials - M4 - Editors and IDEs
P3 InfoTech Solutions Pvt. Ltd.
Firefox Developer Tools
Firefox Developer Tools
dynamis
Building a social network in under 4 weeks with Serverless and GraphQL
Building a social network in under 4 weeks with Serverless and GraphQL
Yan Cui
Introduction to Vim
Introduction to Vim
Brandon Liu
Hands on training on DbFit Part-II
Hands on training on DbFit Part-II
Babul Mirdha
Google Web Toolkits
Google Web Toolkits
Yiguang Hu
WordPress Ann Arbor: WP Tips and Tricks
WordPress Ann Arbor: WP Tips and Tricks
oneilldec
WebRTC Live Q&A and Screen Capture session 3
WebRTC Live Q&A and Screen Capture session 3
Amir Zmora
Rapid Prototyping with Sass, Compass and Middleman by Bermon Painter
Rapid Prototyping with Sass, Compass and Middleman by Bermon Painter
Codemotion
Similar to LiveStyle for Vim - Quick start
(20)
Why it's dangerous to turn off automatic updates and here's how to do it
Why it's dangerous to turn off automatic updates and here's how to do it
Vim再入門
Vim再入門
WordPress Development: Tracking Your Code With Version Control
WordPress Development: Tracking Your Code With Version Control
OpenWhisk Under the Hood -- London Oct 16 2016
OpenWhisk Under the Hood -- London Oct 16 2016
HalfStack London - Make Your Animations Perform Well
HalfStack London - Make Your Animations Perform Well
"Will Git Be Around Forever? A List of Possible Successors" at UtrechtJUG
"Will Git Be Around Forever? A List of Possible Successors" at UtrechtJUG
Magento 2 web p image support
Magento 2 web p image support
Xke - Introduction to Apache Camel
Xke - Introduction to Apache Camel
Jump into Squeak - Integrate Squeak projects with Docker & Github
Jump into Squeak - Integrate Squeak projects with Docker & Github
Building Mobile Friendly APIs in Rails
Building Mobile Friendly APIs in Rails
Start Vim script @Ujihisa.vim 2011/11/19
Start Vim script @Ujihisa.vim 2011/11/19
Python Programming Essentials - M4 - Editors and IDEs
Python Programming Essentials - M4 - Editors and IDEs
Firefox Developer Tools
Firefox Developer Tools
Building a social network in under 4 weeks with Serverless and GraphQL
Building a social network in under 4 weeks with Serverless and GraphQL
Introduction to Vim
Introduction to Vim
Hands on training on DbFit Part-II
Hands on training on DbFit Part-II
Google Web Toolkits
Google Web Toolkits
WordPress Ann Arbor: WP Tips and Tricks
WordPress Ann Arbor: WP Tips and Tricks
WebRTC Live Q&A and Screen Capture session 3
WebRTC Live Q&A and Screen Capture session 3
Rapid Prototyping with Sass, Compass and Middleman by Bermon Painter
Rapid Prototyping with Sass, Compass and Middleman by Bermon Painter
More from Tomokazu Kiyohara
JavaScript で OS X を自動操作
JavaScript で OS X を自動操作
Tomokazu Kiyohara
Google Cloud Platform を支える技術 …のごく一部
Google Cloud Platform を支える技術 …のごく一部
Tomokazu Kiyohara
イベント継続のコツ
イベント継続のコツ
Tomokazu Kiyohara
Web API をデバックするときに必要なたったひとつのこと
Web API をデバックするときに必要なたったひとつのこと
Tomokazu Kiyohara
明日から使えるコーディングツール
明日から使えるコーディングツール
Tomokazu Kiyohara
Atom.io Quick Scripting
Atom.io Quick Scripting
Tomokazu Kiyohara
Text-Objects - vim's elegant function
Text-Objects - vim's elegant function
Tomokazu Kiyohara
こわくないプルリク
こわくないプルリク
Tomokazu Kiyohara
Github's HUB
Github's HUB
Tomokazu Kiyohara
対サイバー攻撃アラートシステム “DAEDALUS”(ダイダロス)の紹介
対サイバー攻撃アラートシステム “DAEDALUS”(ダイダロス)の紹介
Tomokazu Kiyohara
Beginner's Sinatra
Beginner's Sinatra
Tomokazu Kiyohara
Compact Web - Remind "web compression" -
Compact Web - Remind "web compression" -
Tomokazu Kiyohara
Zen coding15min
Zen coding15min
Tomokazu Kiyohara
USTREAMの視聴率を上げよう!
USTREAMの視聴率を上げよう!
Tomokazu Kiyohara
JavaScript Dynamic Loading
JavaScript Dynamic Loading
Tomokazu Kiyohara
More from Tomokazu Kiyohara
(15)
JavaScript で OS X を自動操作
JavaScript で OS X を自動操作
Google Cloud Platform を支える技術 …のごく一部
Google Cloud Platform を支える技術 …のごく一部
イベント継続のコツ
イベント継続のコツ
Web API をデバックするときに必要なたったひとつのこと
Web API をデバックするときに必要なたったひとつのこと
明日から使えるコーディングツール
明日から使えるコーディングツール
Atom.io Quick Scripting
Atom.io Quick Scripting
Text-Objects - vim's elegant function
Text-Objects - vim's elegant function
こわくないプルリク
こわくないプルリク
Github's HUB
Github's HUB
対サイバー攻撃アラートシステム “DAEDALUS”(ダイダロス)の紹介
対サイバー攻撃アラートシステム “DAEDALUS”(ダイダロス)の紹介
Beginner's Sinatra
Beginner's Sinatra
Compact Web - Remind "web compression" -
Compact Web - Remind "web compression" -
Zen coding15min
Zen coding15min
USTREAMの視聴率を上げよう!
USTREAMの視聴率を上げよう!
JavaScript Dynamic Loading
JavaScript Dynamic Loading
Recently uploaded
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
Allon Mureinik
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
apidays
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Roshan Dwivedi
🐬 The future of MySQL is Postgres 🐘
🐬 The future of MySQL is Postgres 🐘
RTylerCroy
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
Rafal Los
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
Martijn de Jong
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
Radu Cotescu
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
hans926745
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Neo4j
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101
Paola De la Torre
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
Safe Software
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
Michael W. Hawkins
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
Delhi Call girls
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
debabhi2
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
The Digital Insurer
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
ThousandEyes
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
Delhi Call girls
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
Enterprise Knowledge
Recently uploaded
(20)
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
🐬 The future of MySQL is Postgres 🐘
🐬 The future of MySQL is Postgres 🐘
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
LiveStyle for Vim - Quick start
1.
LiveStyle for Vim Quick
start 2013/08/24 - kanazawa.rb meetup 12
2.
Emmet LiveStyle http://livestyle.emmet.io/ "Instant updates:
see changes as-you-type. No file saving, no page reloading."
3.
Demo Movie http://www.youtube.com/watch?v=iQLhGbkupS4
4.
Quick start http://livestyle.emmet.io/usage/ "1. Install
“LiveStyle” plugin from Package Control in Sublime Text."
5.
Quick start http://livestyle.emmet.io/usage/ "1. Install
“LiveStyle” plugin from Package Control in Sublime Text."
6.
7.
8.
LiveStyle for Vim https://github.com/mattn/livestyle-vim
9.
LiveStyle for Vim https://github.com/mattn/livestyle-vim http://mattn.kaoriya.net/ mattn_jp
10.
LiveStyle for Vim http://mattn.kaoriya.net/ mattn_jp https://github.com/mattn/livestyle-vim also
Emmet.vim http://mattn.github.io/emmet-vim/
11.
Quick start for
Vim
12.
Quick start for
Vim Vim livestyle-vim livestyled (included in livestyle-vim) Google Chrome LiveStyle Extension
13.
Quick start for
Vim Vim livestyle-vim livestyled (included in livestyle-vim) Google Chrome LiveStyle Extension
14.
livestyle-vim Vundle.vim Bundle 'mattn/livestyle-vim' NeoBundle.vim NeoBundle 'mattn/livestyle-vim'
15.
Quick start for
Vim Vim livestyle-vim livestyled (included in livestyle-vim) Google Chrome LiveStyle Extension
16.
livestyled LiveStyle connection handling
server Compile required ${bundle_dir}/livestyle-vim/livestyled/livestyled.go
17.
livestyled LiveStyle connection handling
server Compile required ${bundle_dir}/livestyle-vim/livestyled/livestyled.go
18.
Setup Go lang
(osx) $ brew install go
19.
Setup depend libs
(osx) $ brew install mercurial $ mkdir ~/.go $ export GOPATH=~/.go $ go get code.google.com/p/go.net/websocket
20.
Compile livestyled $ cd
${bundle_dir}/livestyle-vim/livestyled $ go build livestyled.go
21.
Quick start for
Vim Vim livestyle-vim livestyled (included in livestyle-vim) Google Chrome LiveStyle Extension
22.
LiveStyle Extension https://chrome.google.com/webstore/detail/emmet- livestyle/diebikgmpmeppiilkaijjbdgciafajmg
23.
LiveStyle Extension https://chrome.google.com/webstore/ Search 'Emmet
LiveStyle'
24.
How to Use
25.
Flow Access site w/
Chrome Open Developer tool (LiveStyle panel) Launch Vim & livestyled Bind css via LiveStyle panel Edit Edit Edit
26.
Flow Access site w/
Chrome Open Developer tool (LiveStyle panel) Launch Vim & livestyled Bind css via LiveStyle panel Edit Edit Edit
27.
Access site w/
Chrome
28.
Flow Access site w/
Chrome Open Developer tool (LiveStyle panel) Launch Vim & livestyled Bind css via LiveStyle panel Edit Edit Edit
29.
Open Developer tool(LiveStyle
Panel)
30.
Open Developer tool(LiveStyle
Panel)
31.
Flow Access site w/
Chrome Open Developer tool (LiveStyle panel) Launch Vim & livestyled Bind css via LiveStyle panel Edit Edit Edit
32.
Launch Vim &
livestyled
33.
Launch Vim &
livestyled
34.
Launch Vim &
livestyled
35.
Launch Vim &
livestyled
36.
Flow Access site w/
Chrome Open Developer tool (LiveStyle panel) Launch Vim & livestyled Bind css via LiveStyle panel Edit Edit Edit
37.
Bind css via
LiveStyle panel
38.
Bind css via
LiveStyle panel
39.
Flow Access site w/
Chrome Open Developer tool (LiveStyle panel) Launch Vim & livestyled Bind css via LiveStyle panel Edit Edit Edit
40.
Edit Edit Edit
41.
Edit Edit Edit
42.
Caution
43.
Restriction
44.
Happy coding !!
45.
"kanazawa.rb ?"
46.
scss/sass supported
47.
scss/sass supported scss/sass command
required set ft=scss/sass Heavy ...
48.
Thank you Tomokazu Kiyohara http://github.com/kiyohara http://facebook.com/tomokazu.kiyohara
Download now