Vim - Precision editing at the speed of thought

Transcript

1. VIM precision editing at the speed of thought Drew Neil, @nelstrom November 7th 2012, Øredev
2. TWO REASONS YOU DIS VIM
3. 1. You don’t grok Vim
4. 1. You don’t grok Vim i don’t blame you
5. 2. You confuse Vim with vi
6. 2. You confuse Vim with vi shame on you
7. http://twitter.com/kentbrew/status/15419224013
8. MODAL INTERFACES
9. http://www.viemu.com/a_vi_vim_graphical_cheat_sheet_tutorial.html
10. why modal?
11. MODAL INTERFACES are economical
14. In a MODAL interface Every BUTTON performs a different function in each mode
15. In a TOUCH interface Every PIXEL performs a different function in each mode
16. MODAL INTERFACES are everywhere
17. MODAL INTERFACES TextMate: ⌘F
19. MODAL INTERFACES TextMate: ⌘A
22. TextMate is a MODAL EDITOR
23. TextMate is a MODAL EDITOR not a very good one
24. MODAL INTERFACES are everywhere
25. h.koppdelaney http://www.flickr.com/photos/h-k-d/4490192739/
26. http://www.flickr.com/photos/katzarella/6378185339/
27. TARGET PRACTICE
29. MOUSE
31. the time required to rapidly move to a target area is a function of the distance to and the size of the target FITT’S LAW
32. http://particletree.com/features/visualizing-fittss-law/
33. [duh] FITT’S LAW
34. http://particletree.com/features/visualizing-fittss-law/
35. while (!thereYet) { keepGoing(); }
36. http://www.flickr.com/photos/darwinbell/316668966/
37. HUNT & PECK
40. while (!thereYet) { keepGoing(); }
41. Photograph by Hannah Adcock
43. VIM: PREHISTORY
44. http://www.flickr.com/photos/splorp/6551397629/in/photostream/
47. while (!thereYet) { keepGoing(); }
48. PRECISION TARGETING
50. two steps along, then one step along the perpendicular axis The Knight can move
51. to the closest squares that no other piece can reach The Knight can move
55. FINDING CHARACTERS
56. FINDING CHARACTERS f{char} jumps to the next occurrence of {char}
57. The Knight can move to the closest squares that no other piece can reach t
58. The Knight can move to the closest squares that no other piece can reach t
59. The Knight can move to the closest squares that no other piece can reach t v f p The Knight can move to the closest squares that no other piece can reach p
60. http://www.flickr.com/photos/silkegb/2745580110/
61. The Knight can move to the closest squares that no other piece can reach t
62. The Knight can move to the closest squares that no other piece can reach t
63. The Knight can move to the closest squares that no other piece can reach t The Knight can move to the closest squares that no other piece can reach t v f t
64. The Knight can move to the closest squares that no other piece can reach t The Knight can move to the closest squares that no other piece can reach t v f t ;
65. The Knight can move to the closest squares that no other piece can reach t The Knight can move to the closest squares that no other piece can reach t v f t ; ;
66. The Knight can move to the closest squares that no other piece can reach t The Knight can move to the closest squares that no other piece can reach t v f t ; ; ;
67. I’ve been expecting you, Mr Bond. I
68. I’ve been expecting you, Mr Bond. I delete this
69. I’ve been expecting you, Mr Bond. I f , I’ve been expecting you, Mr Bond. , delete this
70. I’ve been expecting you, Mr Bond. I f , I’ve been expecting you, Mr Bond. , d t . I’ve been expecting you. . delete this
71. http://robots.thoughtbot.com/post/13164810557/the-vim-learning-curve-is-a-myth No one ever says “I’d love to learn Street Fighter 2, but there are just so many combos!” Ben Orenstein
72. Illustration by Ben Cormack
73. Illustration by Ben Cormack
74. define regions of text by structure TEXT OBJECTS
75. “quotes” a” - a quoted string i” - inner quoted string
76. (parentheses) a) - all of a (block) i) - inside of a (block)
77. [brackets] a] - all of a [block] i] - inside of a [block]
78. {braces} a} - all of a {block} i} - inside of a {block}
79. <xml>tags</xml> at - all of a tag block it - inside of a tag block
80. refs: { clearButton: 'button[action=clearHomeBadge]', starButton: 'button[action=pingHomeBadge]' } a
81. refs: { clearButton: 'button[action=clearHomeBadge]', starButton: 'button[action=pingHomeBadge]' } a v i [
82. refs: { clearButton: 'button[action=clearHomeBadge]', starButton: 'button[action=pingHomeBadge]' } a refs: { clearButton: 'button[action=clearHomeBadge]', starButton: 'button[action=pingHomeBadge]' } e v i [
83. refs: { clearButton: 'button[action=clearHomeBadge]', starButton: 'button[action=pingHomeBadge]' } e i ‘ refs: { clearButton: 'button[action=clearHomeBadge]', starButton: 'button[action=pingHomeBadge]' } ]
84. a } refs: { clearButton: 'button[action=clearHomeBadge]', starButton: 'button[action=pingHomeBadge]' } ] refs: { clearButton: 'button[action=clearHomeBadge]', starButton: 'button[action=pingHomeBadge]' } }
85. http://www.flickr.com/photos/liquene/3177469139/
86. AUTOMATION
87. Illustration by Ben Cormack
88. QUESTIONS?