/VSCodeTutor

An interactive in-editor keyboard shortcuts tutorial for Visual Studio Code

Primary LanguageTypeScriptMIT LicenseMIT

VSCode Tutor

          _______  _______  _______  ______   _______
|\     /|(  ____ \(  ____ \(  ___  )(  __  \ (  ____ \
| )   ( || (    \/| (    \/| (   ) || (  \  )| (    \/
| |   | || (_____ | |      | |   | || |   ) || (__
( (   ) )(_____  )| |      | |   | || |   | ||  __)
 \ \_/ /       ) || |      | |   | || |   ) || (
  \   /  /\____) || (____/\| (___) || (__/  )| (____/\
   \_/   \_______)(_______/(_______)(______/ (_______/
   _________            _________  _______   _______
   \__   __/  |\     /| \__   __/ (  ___  ) (  ____ )
      ) (     | )   ( |    ) (    | (   ) | | (    )|
      | |     | |   | |    | |    | |   | | | (____)|
      | |     | |   | |    | |    | |   | | |     __)
      | |     | |   | |    | |    | |   | | | (\ (
      | |     | (___) |    | |    | (___) | | ) \ \__
      )_(     (_______)    )_(    (_______) |/   \__/
                               FOR VISUAL STUDIO CODE

Visual Studio Code is a powerful and easy to use text editor. You can start using the editor without knowing any details, which is great for beginners.

I had been using VSCode for a long time until I realized I could save time by using shortcuts for stuff I repeatedly do. I looked up a few but looking at long videos, articles and lists was too much for me to remember. I wanted something interactive where I could learn by doing.

I came upon Sublime Tutor which was exactly what I was looking for. It just wasn't made for VSCode. I still downloaded the tutor and went through the chapters. Wherever the shortcuts didn't work, I just looked up the ones for VSCode and modified the instructions. That is what led to VSCode Tutor.

It's inspired from classic vimtutor and built upon Sublime Tutor. It was originally built by Jai Pandya (hello@jai.im) for Sublime Text 3 and has been modified for VSCode by me.

You will learn some handy shortcuts to work with Visual Studio Code. By the end of this tutorial, you would be familiar with VSCode's most important and frequently used shortcuts and features.

The tutorial uses spaced repetition technique to make sure that your newly acquired skills are well persisted.

Requirements

The only thing you need is Visual Studio Code.

Get Started

  1. Download or Clone this repository
  2. Open tutorial in VSCode and follow README.md.

Symbols Used in this guide

  • Cmd – Command Key
  • Ctrl - Control Key
  • Option – Option Key
  • Shift – Shift Key
  • Esc – Escape Key
  • Return – Return Key
  • Delete – Delete / Backspace Key

Contributing

  1. Give feedback - If you went through the course and think a particular thing can be done in a different way, you want a feature covered, or there was something that you specially liked, please let me know via a tweet or email
  2. Issues - Found an issue? Typo, error or a topic needs more details, please create an issue by going to https://github.com/WaqasAliAbbasi/vscodetutor/issues
  3. Pull request - Are you comfortable with git? If you know solution to any of the issues listed above, fork the repository, make your changes and create a PR with your changes. Refer to the branches section below while making these changes.