/
🛠️

Visual Studio Code

toolsvscode
On this page

Shortcut

  • ^ : control
  • Run commands in Command Palette with Ctrl + Shift + P or Shift + Command + P.
  • Duplicate line: Alt + Shift + Down Arrow
  • Move a line up or down with Alt/Option + Up/Down in Windows/Mac
  • Select columns (vertical select): Shift + Option
  • Go To Line: ^ + G
  • Select current word: ⌘ + D
  • Go to a file with Ctrl + P, navigate between open files with Alt + Left/Right or Ctrl + Tab.
  • Delete a line with Ctrl + Shift + K .
  • Format code with Format Document command, use Prettier, change shortcut to Ctrl + D, Ctrl + D .
  • Use multiple cursors at once with Alt + Click. Ctrl + Alt + Up/Down adds a cursor above/below.

Fix not found git error

zsh
xcode-select --install

Font: JetBrains Mono

A monospaced fonts with cool coding ligatures.

json
{
  "editor.fontFamily": "JetBrains Mono",
  "editor.fontSize": 13,
  "editor.fontLigatures": true
}

Fix the screen flicker

sh
code --disable-gpu

or

  • Open the Command Palette (⇧⌘P).
  • Run the Preferences: Configure Runtime Arguments command.
  • This command will open a argv.json file to configure runtime arguments. You might see some default arguments there already.
  • Add "disable-hardware-acceleration": true.
  • Restart VS Code.

Containerize your Development with VS Code Dev Containers

The Visual Studio Code Remote - Containers extension lets you use a Docker container as a full-featured development environment. It allows you to open any folder inside (or mounted into) a container and take advantage of Visual Studio Code's full feature set.

Extensions

Git

Review and manage your GitHub pull requests and issues directly in VS Code

AWS

AWS Toolkit for Visual Studio Code, an extension for working with AWS services including AWS Lambda.

The AWS CLI Configure extension allows you to quickly access AWS CLI information and docs from Visual Studio Code.

Serverless Console is an alternative UI for AWS Cloudwatch. Its focus is on "serverless functions" but it can also be used for any kind of log group.

Debug the AWS Lambda functions locally

Misc

  • Preview.js:It lets you preview React, Solid and Vue components instantly in your IDE.
  • JSON Hero: Quickly view JSON in jsonhero.io - a beautiful JSON viewer for the web.

This extension allows matching brackets to be identified with colours. The user can define which characters to match, and which colours to use.

Synchronize settings, snippets, themes, file icons, keybindings, workspaces and extensions.

The Better Comments extension will help you create more human-friendly comments in your code.

A basic spell checker that works well with camelCase code.

The goal of this spell checker is to help catch common spelling errors while keeping the number of false positives low.

This is the Visual Studio Code TabNine client, advanced AI based autocomplete for all programming languages. TabNine Indexes your entire project by reading your .gitignore or others, and determines which files to index.

A wrapper around node-change-case for Visual Studio Code. Quickly change the case of the current selection or current word.

If only one word is selected, the extension.changeCase.commands command gives you a preview of each option:

Slides is a Visual Studio Code extension that helps you use your editor as a presentation tool.

Geo Data Viewer 🗺️ comes with a built-in map gallery for devs to try kepler.gl maps 🗺️ found in the wild 🌐:

Data Preview 🈸 extension for importing 📤 viewing 🔎 slicing 🔪 dicing 🎲 charting 📊 & exporting 📥 large .json array .arrow .avro data files, .config .env .properties .ini .yml configurations files, .csv/.tsv & .xlsx/.xlsb Excel files and .md markdown tables.

This extension make debugging much easier by automating the operation of writing meaningful log message.

A VSCode extension to turn TypeScript errors into plain English.

Denigma explains code in understandable english, which helps developers break through the enigma of code.

Ponicode is a quick and easy AI-powered solution for Javascript unit testing.

References

Edit this page
logo
Code-related notes and snippets