10 essential Visual Studio Code extensions every IT Engineer should use

  • 2022-01-24  
  • 2024-01-06
  •  

If you use Visual Studio Code for your work, check these extensions. I’m sure they will speed up your work.

Marp for VS Code #

Create simple slide decks as code using Markdown markup language.

  1. Install the Marp for VS Code extension.
  2. Create a new file type, Marp Markdown.
  3. Use Markdown syntax to create slides.
Simple slide in Marp.

Simple slide in Marp. (extension’s author image)

Read more about the Marpit Markdown syntax to know how to suit slides to your needs.

Insert Date String #

An easy way to insert the current date and time thanks to an extension created by Jakub Synowiec.

  1. Install the Insert Date String extension.
  2. Insert date and time:
    • cmd⌘ Shift⇧ + I (macOS)
    • Ctrl Shift + I (Windows/Linux)
  3. Go to extension settings if you want to change the format of the inserted date and time and change the setting named Insert Date String: Format:
    • default value
      YYYY-MM-DD hh:mm:ss
      
      2021-12-30 09:07:11
      
    • UTC Time offset value included
      YYYY-MM-DDThh:mm:ssZZZZ
      
      2021-12-30T09:07:52+0100
      

Read more about the Insert Date String in Usage instruction.

Git Graph #

If you use git, this is the extension that will help you to visualize your git log.

  1. Install the Git Graph extension.
  2. Go to Source Control or use the key combination:
    • cmd⌘ Shift⇧ + G (macOS)
    • Ctrl Shift + G (Windows/Linux)
  3. Click on the View Git Graph (git log) icon.
Git Graph example

Git Graph example (extension’s author image)

Read more about Git Graph in the Extension Settings documentation.

Code Spell Checker #

If you write a lot, fixing your typos and grammatical errors with the Code Spell Checker is worth it.

  1. Install the Code Spell Checker extension.
  2. Position the cursor in the word which you want to change
  3. Click on the lightbulb icon 💡 which will appear in the left hand or use the shortcut:
    • cmd⌘ + . (macOS)
    • Ctrl + . (Windows/Linux)
  4. Choose a suggested correction to apply.
Code Spell Checker example

Code Spell Checker example (extension’s author image)

If you speak other languages, check the list of available dictionaries, e.g., Polish - Code Spell Checker. Read more about Code Spell Checker on the extension page.

Open #

Check out the Open extension if you need to open, e.g., an Image with a default application or an Excel document directly from Visual Studio Code.

  1. Install the Open extension.
  2. Go to file Explorer, or use the shortcut:
    • cmd⌘ Shift⇧ + E (macOS)
    • Ctrl Shift + E (Windows/Linux)
  3. Click RMB (right mouse button) on the file.
  4. Select the option Open with default application.

Duplicate action #

If you have a template file or template catalog with many files, thanks to this extension, you can easily duplicate them at once.

  1. Install the Duplicate action extension.
  2. Go to file Explorer, or use the shortcut:
    • cmd⌘ Shift⇧ + E (macOS)
    • Ctrl Shift + E (Windows/Linux)
  3. Click RMB (right mouse button) on the file or directory.
  4. Select the option Duplicate.
  5. Enter the new path for the duplicate.

Markdown All in One #

If you write in Markdown files, your work will be much easier. Try it out.

  1. Install the Markdown All in One extension.
  2. Open any Markdown file.
  3. Try to create a list as in the example below.
    List editing

    List editing (extension’s author image)

  4. Paste a link on the selected text.
    Paste link on selected text

    Paste link on selected text (extension’s author image)

Read more about Markdown All in One on the extension page.

Todo Tree #

This extension may help you if, in your project, you work on many files at the same time and you want to make some corrections later on. You can easily find all your TODO items.

  1. Install the Todo Tree extension.
  2. Open file.
  3. Make a comment in your file, you can use the shortcut:
    • cmd⌘ + / (macOS)
    • Ctrl + / (Windows/Linux)
  4. Add TODO: in your comment, e.g., in the Markdown file: <!-- TODO: Correct this section -->
  5. Go to TODOs explorer in the sidebar.
  6. Go through all your to-do items easily.
Todo Tree example

Todo Tree example (extension’s author image)

Read more about Todo Tree on the extension page.

Bookmarks #

If you need to analyze huge files with many lines, this extension may help you bookmark lines you already verified.

  1. Install the Bookmarks extension.
  2. Open file.
  3. Add or remove bookmark using the shortcut:
    • alt⌥ cmd⌘ + K (macOS)
    • alt Ctrl + K (Windows/Linux)
  4. Go to Bookmarks explorer in the sidebar.
  5. Go through all your bookmarks quickly.
Bookmarks example

Bookmarks example (extension’s author image)

Read more about Bookmarks on the extension page.

Foam #

If you want to build your knowledge base based on markdown files, you should try the Obsidian. Still, there is an extension that will help you achieve a similar experience in Visual Studio Code. It’s helpful if your knowledge base consists of different code files.

  1. Install the Foam extension.
  2. Create your knowledge base structure using the template suggested in the Getting started instruction.
  3. Open Command Palette
    • cmd⌘Shift⇧ P (macOS)
    • CtrlShift P (Windows/Linux)
  4. Type in Foam
  5. Select, e.g., Foam: Open Today's Note to create a note for the day.
  6. Suit with templates to your specific need.
Foam Daily Note example

Foam Daily Note example (extension’s author image)

Read more about Foam on the project website.