My VS Code setup

Posted by

This is a short set of notes on how I like to set-up VS Code. Mainly in case I lose my settings (surely not!) and don’t want to figure it all out from scratch again.

Sidenote: if you’d like to use VS Code without Microsoft’s telemetry, Microsoft have been awesome and make allow you to grab binary releases of VS Code without MS branding/telemetry/licensing.

Settings / Preferences

  • Text Editor > Tab Completion: On
  • Text Editor > Tab Size: 4 spaces
  • Files > Auto Save: afterDelay
  • Files > Auto Save Delay: 1000 (ms)
  • Workbench > Appearance > Color Theme: Kimbie Dark
  • Features > SCM > Always Show Actions: Yes
  • Features > SCM > Always Show Providers: Yes
  • Features > Terminal > Integrated: Copy on Selection (Yes)
  • Features > Terminal > Integrated: Cursor Blinking (Yes)
  • Features > Terminal > Integrated: Cursor Style: Line
  • Features > Terminal > Integrated: Renderer Type: dom
  • Features > Terminal > Integrated > Shell: Windows (path to powershell.exe)

Extensions / Add-ons


Settings Sync

Synchronize Settings, Snippets, Themes, File Icons, Launch, Keybindings, Workspaces and Extensions Across Multiple Machines Using GitHub Gist.

Settings Sync on Visual Studio Marketplace.


GitLens — Git supercharged

Supercharge the Git capabilities built into Visual Studio Code — Visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much more.

GitLens on Visual Studio Marketplace.


ESLint

Integrates ESLint JavaScript into VS Code.

ESLint on Visual Studio Marketplace.

Settings

  • Extensions > ESLint > Eslint: Always Show Status (yes)

GitHub

Integrates github and its workflows into vscode.

GitHub on Visual Studio Marketplace.


GitHub Pull Requests

Pull Request Provider for GitHub.

GitHub Pull Requests on Visual Studio Marketplace.


Git Extensions for VS Code

Provide a command to browse the current project using GitExtensions, from the Explorer.

Git Extensions for VS Code on Visual Studio Marketplace.


Node debug

Node.js debugging support

Node debug on Visual Studio Marketplace.

Settings

  • Extensions > Node debug > Debug > Node: Auto attach (on)

Npm

npm support for VS Code.

Npm on Visual Studio Marketplace.

Settings

  • Extensions > Npm > Enable Script Explorer (yes)

Bracket Pair Colorizer

A customizable extension for colorizing matching brackets.

Bracket Pair Colorizer on Visual Studio Marketplace.


Prettier – Code formatter

VS Code plugin for prettier/prettier.

Prettier – Code formatter on Visual Studio Marketplace.


If you’re working with Azure


Azure Account

The Azure Account extension provides a single Azure sign-in and subscription filtering experience for all other Azure extensions. It makes Azure’s Cloud Shell service available in VS Code’s integrated terminal.

Azure Account on Visual Studio Marketplace.


Azure Repos

Connect to Azure Repos and work with Git and Team Foundation Version Control (TFVC) repositories. Manage your pull requests, work items, and more.

Azure Repos on Visual Studio Marketplace.


Extension Manifest Editor

Preview how your extension appears on the Marketplace.

Extension Manifest Editor on Visual Studio Marketplace.

Leave a Reply

Your email address will not be published. Required fields are marked *