Skip to content
VSE Control-M Docs Site

VSCode Quickstart Guide

Overview

These VS code customizations are “quality of life updates” to assist in navigating around the interface easier. This guide serves as a starting point and these changes can be updated to fit your personal preferences.

Common Keyboard Shortcut Keys

Remembering these shortcut keys will save some time when navigating!

Ctrl+B - Closes/Opens left navigation bar
Ctrl+W - Closes current window
Ctrl+Shift+P / F1 - Command Palette
Ctrl+P - Search for file names, press enter to go into the file
Ctrl+Tab - Cycles through files
Ctrl+Arrow - Moves to next word or back one word
Ctrl+C - No highlighting needed, copies current line
Ctrl+D - Selects current text, then Ctrl+F to search and replace for example
Ctrl+/ - Multi-line comment
Ctrl+~ - Closes/opens terminal window
Ctrl+, - Open Settings Menu

Example VS Code Customizations

These settings can be searched for in the Settings Menu by pressing Ctrl+, key.

  1. Cursor Blinking: Expand

  2. Word Wrap: On

  3. Auto Save -> afterDelay

    • Delay is 1 second!

  4. Font Size -> 16

  5. Format On Save -> Checked

    • This “pretties” the code to proper spacing. e.g. JSON

Extensions

  1. Cobalt2 Color Theme

    • Can preview theme in real-time by pressing Command Pallette Key (F1) and using arrow keys after installing theme extension of choice!

  2. Prettier - Code Formatter

    • Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary. Supports languages like JSON, JavaScript, Markdown, YAML, etc

  3. Code Spell Checker

    • Has support for multiple languages. No more miss spelling when creating MD docs!

  4. Advance-new-file

    • This adds the ability to create files anywhere in your workspace. Press F1 to bring up menu and start typing away! Saves some time instead of using mouse to create a new file on left-hand navigation.

Tips and Tricks

  1. VS Code supports Markdown out-of-the-box. Markdown preview box can be pinned to right pane from Command Palette menu
  2. Explore short key keys from Command Palette Menu → Open Keyboard Shortcut keys
  3. Pressing ctrl and + key when zoom in/out your VS code interface…even the terminal!

Did you know?

In a recent 2021 Stack Overflow Developer Survey, Visual Studio Code has a significant lead as the IDE of choice across all developers! Eclipse is in 8th place with ~16% usage.