Menu Search
Jump to the content X X
Smashing Conf San Francisco

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf San Francisco, dedicated to smart front-end techniques and design patterns.

VI Editor / Linux Terminal Cheat Sheet (PDF)

We’ve been releasing many icon sets and WordPress themes1 on Smashing Magazine, yet today we are glad to announce the release of a bit different freebie. This post features a VI Help Sheet, a cheat sheet for the VI Editor, for all web-developers out there who are working on Linux. The help sheet was designed by GoSquared2 and released for Smashing Magazine and its readers.

3

The cheat sheet contains terminal commands for modes and controls, inserting text, cursor navigation, deleting text, searching and replacing. Download it. Print it. Stick it on the wall and get commanding.

Download the cheat sheet for free! Link

Screenshot4

Screenshot5

Behind the design Link

As always, here are some insights from the designers:

We created the VI Editor cheat sheet because of the amount of time members of our team spend working in the Linux Terminal. Working on our web app is a full time occupation and for the developers, using the command line 24/7 can be exhausting. Forgetting a command here or there can really break up their workflow. So we put together the VI cheat sheet that can be used for quick reference as and when you need!

Thank you, guys. We really appreciate your work and your good intentions.

Footnotes Link

  1. 1 https://www.smashingmagazine.com/tag/freebies/
  2. 2 http://www.gosquared.com/
  3. 3 https://www.smashingmagazine.com/wp-content/uploads/2010/05/VI-Help-Sheet-01-large2.jpg
  4. 4 https://www.smashingmagazine.com/wp-content/uploads/2010/05/VI-Help-Sheet-01-large2.jpg
  5. 5 https://www.smashingmagazine.com/wp-content/uploads/2010/05/VI-Help-Sheet-01-large2.jpg
  6. 6 https://www.smashingmagazine.com/wp-content/uploads/2010/05/VI-Help-Sheet-01-large2.jpg
  7. 7 https://www.smashingmagazine.com/wp-content/uploads/2010/05/VI-Help-Sheet-011.pdf
  8. 8 http://www.gosquared.com/liquidicity/archives/1333

↑ Back to top Tweet itShare on Facebook

Advertisement

The Smashing team loves high-quality content and cares about the little details. Through our online articles, Smashing Books, eBooks as well as Smashing Conferences, we are committed to stimulating creativity and strengthening the web design community’s creative forces.

  1. 1

    Many thanks to Smashing Mag for posting this. We wanted to get the basics down on one sheet, but we’re looking into creating a more advanced version for anyone with extra über skills.

    Hope you like it!

    0
  2. 2

    The most underrated editor ever.Get VIM, get the power. :)
    Thanks SM!

    0
    • 3

      Underrated? Who underrates vim? I’ve never read of heard any statement as much as hinting to vim not being being a powerful, quality editor.

      It has a steep learning curve, sure, but that’s most of the criticism it gets.

      0
  3. 4

    Awesome sheet. I love using VIM.
    However, I think I found a problem under the “Searching” section

    It says:
    “:x,ys/str Search for str from line x to line y”

    It should say:
    “:x,yg/str Search for str from line x to line y”

    Since it uses ‘s’ as the command it’s actually substituting instead of searching (‘g’). In fact, this essentially erases str from the lines, which is not a good thing if your searching for something.

    1
  4. 5

    What I’m really looking for is the innovations used in vi by great developers who use it like the great GUI IDEs out there. I mean I seek to learn the real wizardry of vi :)

    Hope commenters will post such links including the patches, tips, snippets to customize vi.

    Thanks in advance

    1
  5. 6

    Marin Todorov

    May 3, 2010 1:56 pm

    That’s a really great resource for designers, I bet all Photoshop masters are going to use it on daily basis. Thanks Smashing editorial

    -1
    • 7

      Matt Combs

      May 4, 2010 3:50 am

      Why does everything on smashing have to be directed towards designers who sit in photoshop? Being a developer myself its nice to see these types of posts. I love design and try to progress as a designer (fail miserably ha). You don’t see all the developers who come here complain about all the design posts do you? If you were on the old forums there were quite a few developers who read smashing and all they do is develop. So the article might not be directed at you, but some one like me who develops and spends a good bit of time in ssh to my servers a cheat sheet like this can come in handy.

      -1
  6. 8

    I don’t quite get how they can spend 24/7 on the shell and still need such a small cheat sheet. Thanks anyway, it will be of great help for anyone trying to learn vi.

    -1
    • 9

      This is VI cheatsheet, not VIM, so since VI is less powerfull than VIM, the number of important things to remember might be smaller.

      1
  7. 10

    Thank you SM, it is time to learn VI.

    0
  8. 11

    That’s awesome, I simply love VIm! Great work!

    0
  9. 12

    It took me a week of on and off use (editing config files in Arch Linux) to learn the commands. Don’t tell me those programmers need a cheat sheet after working that long!

    (Btw, vim rocks)

    0
  10. 13

    AEXT.NET MAGAZINE

    May 3, 2010 12:54 pm

    Too many cheat-sheets on my wall, lol. It would be included one more. Thanks, it’s really useful!

    0
  11. 14

    Not only for Linuxians, I personally use OSX exclusively, and my one and only editor remains Vim (well, MacVim, but I almost never use its GUI functionnalities apart from the tabs).

    1
  12. 15

    James Taylor

    May 3, 2010 1:50 pm

    @Joe – good spot there, we’ll update the file on Liquidicity soon and make sure SM has the latest version too.

    And if anyone else spots any other little errors, just post them here or over on Liquidicity and we’ll make sure we pick them up :)

    0
    • 16

      Smashing Editorial

      May 4, 2010 1:35 am

      Thanks, James – just received your files. The files are updated now.

      0
  13. 17

    Robert Kenny

    May 3, 2010 1:58 pm

    I am just seeing morse code in the PDF. It can’t extract the font MyriadPro.

    0
  14. 18

    Use vim not vi.

    0
  15. 19

    James Gill

    May 3, 2010 3:28 pm

    Hi guys, we’ve updated the Help Sheet with a few more commands, and made a correction to one of the search commands as pointed out by Joe in the comments above.

    I’ve sent the files to Vitaly, but for now if you would like to download the updated version, it’s on our blog:

    http://www.gosquared.com/liquidicity/archives/1333

    Thanks for your support!

    0
  16. 20

    Martin Chaov

    May 3, 2010 5:08 pm

    Why not the extended version of VI – VIM ?

    0
    • 21

      Everything in the cheatsheet works in vim also.

      0
      • 22

        Martin Chaov

        May 4, 2010 4:18 am

        Yes, I know but there are some nasty features absent from VI.

        Anyway. It is one of the best editors and one of the first I’ve ever touched. Like it very much.

        0
  17. 23

    Every day, something helpful. Thanks.

    0
  18. 24

    JamesScottSomers

    May 3, 2010 10:09 pm

    man VI love VI. Nice work.

    0
  19. 25

    Frank Matuse

    May 3, 2010 10:13 pm

    Yay! This saved my day. The usage of VIM was always confusing for me. But now it’s more clear and looks like fun. Great post. Thank you!

    0
  20. 26

    I really needed this last week. I’ve been throw in the deep end with vi, and now I have a reference. It’s like SM knew what I wanted and made it. Superb.

    0

↑ Back to top