TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Vim Modes Transition Diagram

198 pointsby brobdingnagiansalmost 4 years ago

15 comments

em500almost 4 years ago
I appreciate the effort that went into this, but I think it actually makes learning vim appear more complicated than it is.<p>The approach to vi(m) that really worked for me is to regard the different modes (especially insert mode) as commands rather than &quot;modes&quot;. Entering text is a single command, usually starting with &#x27;i&#x27; or &#x27;a&#x27;, terminated with &lt;esc&gt;. For each command you learn, get in the habbit to initiate <i>and</i> to terminate it, just like in primary school you learned the habbit of finishing your sentences with a punctuation mark. Then you don&#x27;t &quot;get stuck&quot; in different modes anymore.
评论 #27273933 未加载
评论 #27273927 未加载
dredmorbiusalmost 4 years ago
If you&#x27;ve not realised this yet, the diagram is clickable, and links through to the Vim manual section corresponding to the feature in question.<p>This is quite excelently done, thank you darcyparker!<p>Note that this doesn&#x27;t include all features. Digraphs (Ctrl-K from Insert mode) are missing, e.g.
评论 #27274418 未加载
jridgewellalmost 4 years ago
rawgit.com is sunsetted[1], so this URL may die any day now. It&#x27;s simply a proxy server for content hosted on GitHub. In this case, the real source is <a href="https:&#x2F;&#x2F;gist.github.com&#x2F;darcyparker&#x2F;1886716" rel="nofollow">https:&#x2F;&#x2F;gist.github.com&#x2F;darcyparker&#x2F;1886716</a>, and it&#x27;s displayable (officially) at [2].<p>[1]: <a href="https:&#x2F;&#x2F;rawgit.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;rawgit.com&#x2F;</a> [2]: <a href="https:&#x2F;&#x2F;gist.githubusercontent.com&#x2F;darcyparker&#x2F;1886716&#x2F;raw&#x2F;c1ee7657010278a787c6502b796a6766a40d56aa&#x2F;vimModeStateDiagram.svg" rel="nofollow">https:&#x2F;&#x2F;gist.githubusercontent.com&#x2F;darcyparker&#x2F;1886716&#x2F;raw&#x2F;c...</a>
anon9001almost 4 years ago
Does anyone actually use select mode?
评论 #27274219 未加载
评论 #27273533 未加载
评论 #27276598 未加载
评论 #27273997 未加载
评论 #27273416 未加载
ian-galmost 4 years ago
This looks super handy as a reference. I love a nice organized diagram when I&#x27;m sort of ok enough at something already.<p>I just wish I had a big enough screen to read this all without zooming out
评论 #27272753 未加载
sporedroalmost 4 years ago
Wow this is really cool! A lot of commands are just muscle memory at this point, but seeing things visualized like this is really neat.
hopplaalmost 4 years ago
Ah, finally a map to escape this dreadful labyrinth
评论 #27275179 未加载
Cadwhiskeralmost 4 years ago
I never learned Vim commands (*) because I couldn&#x27;t get past how different it is to use compared to everything else. I found the selection of editor modes confusing because I&#x27;m used to just typing where the cursor is. This is the first diagram&#x2F;cheat sheet which has made some sense of what&#x27;s going on.<p>Thanks for posting this; bookmarked.<p>(*) apart from :q!
评论 #27275997 未加载
aasasdalmost 4 years ago
It omits shift-cursor inputs, however it seems to finally answer for me the mystery of what those weird modes are that are entered by shift-selection: ‘select visual’ and ‘insert select’, if I&#x27;m not mistaken. Also apparently I forgot about ctrl-g, though it likely has a different meaning in Emacs&#x27; Evil.
TobTobXXalmost 4 years ago
Vim is weird. It is the pure opposite of user friendly design, and yet it has a huge userbase.
评论 #27273243 未加载
评论 #27273536 未加载
评论 #27273128 未加载
评论 #27273460 未加载
评论 #27273183 未加载
评论 #27273147 未加载
评论 #27274535 未加载
评论 #27274885 未加载
评论 #27273437 未加载
评论 #27273561 未加载
评论 #27276565 未加载
评论 #27273255 未加载
评论 #27278595 未加载
评论 #27274982 未加载
评论 #27273216 未加载
airstrikealmost 4 years ago
Thanks. Where can I order this as a poster-sized print for my office?
评论 #27273553 未加载
评论 #27273022 未加载
cosmoticalmost 4 years ago
I always get trapped in record mode but I don&#x27;t see that in this diagram. Am I missing something?
评论 #27272832 未加载
评论 #27272937 未加载
评论 #27273379 未加载
评论 #27272927 未加载
评论 #27272754 未加载
ggmalmost 4 years ago
A version for Bostic (n)vi please.
eimrinealmost 4 years ago
So uneasy to look at this on my vertical monitor 1080x2560, all I see is a giant Insert rectangle and a horizontal scroll. But I appreciate that work anyway because all that areas are clickable and it will not be easy to rearrange that diagram for 1% users with strange looking monitor.
评论 #27276029 未加载
评论 #27276162 未加载
ironmagmaalmost 4 years ago
Does anyone know of a similar diagram to explain emacs?