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
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
hans926745
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
wesley chun
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Drew Madelung
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
🐬 The future of MySQL is Postgres 🐘
🐬 The future of MySQL is Postgres 🐘
RTylerCroy
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
Delhi Call girls
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
Pixlogix Infotech
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
Malak Abu Hammad
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
The Digital Insurer
Slack Application Development 101 Slides
Slack Application Development 101 Slides
praypatel2
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
The Digital Insurer
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
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Miguel Araújo
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
Results
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
Delhi Call girls
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
UK Journal
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
Puma Security, LLC
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
ThousandEyes
Recently uploaded
(20)
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
🐬 The future of MySQL is Postgres 🐘
🐬 The future of MySQL is Postgres 🐘
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
Slack Application Development 101 Slides
Slack Application Development 101 Slides
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
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