cover-img

VS Code Extensions

To Save Your Time & Make You a Better Developer

26 April, 2022

20

20

2

The below list of extensions can be installed in VS Code to save your time in multiple ways and make you a better developer.

1. Live Server

This allows us to automatically reload the web page when you change the code in your IDE.
Once Live Server is installed, you can right-click on an html file and you can see an option

Open with Live Server[Alt + L + Q]

img

For Installation

2. Code Spell Checker

This spell checker will report some common spelling errors. This works well with camelCase code.
img

For Installation

3. GitLens

GitLens supercharges the Git capabilities built into Visual Studio Code. It helps you to visualize code authorship at a glance via Git blame annotations. It seamlessly navigates and explores Git repositories, gaining valuable insights via powerful comparison commands, and so much more.
img

For Installation

4. Auto Rename Tag

Automatically rename paired HTML/XML tag, same as Visual Studio IDE does. What the Auto Rename Tag extension does is simple, yet so nice to have. This extension automatically renames paired HTML tags. If you are renaming an opening tag it will change the corresponding closing tag. And vice versa.
img

For Installation

5. Error Lens

ErrorLens turbo-charges language diagnostic features by making diagnostics stand out more prominently, highlighting the entire line wherever a diagnostic is generated by the language and also prints the message inline.
img

For Installation

6. Live Share

Visual Studio Live Share enables you to collaboratively edit and debug with others in real time, regardless what programming languages you're using or app types you're building. It allows you to instantly (and securely) share your current project, and then as needed, share debugging sessionsterminal instanceslocalhost web appsvoice calls, and more! Developers that join your sessions receive all of their editor context from your environment (e.g. language services, debugging), which ensures they can start productively collaborating immediately, without needing to clone any repos or install any SDKs.


img

For Installation

7. CodeSnap

📸 Take beautiful screenshots of your code in VS Code!
img

For Installation

8. Code Runner

Run code snippet or code file for multiple languages: C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, F# (.NET Core), C# Script, C# (.NET Core), VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml Script, R, AppleScript, Elixir, Visual Basic .NET, Clojure, Haxe, Objective-C, Rust, Racket, Scheme, AutoHotkey, AutoIt, Kotlin, Dart, Free Pascal, Haskell, Nim, D, Lisp, Kit, V, SCSS, Sass, CUDA, Less, Fortran, Ring and custom command
img

For Installation

20

20

2

More Articles

Showwcase is a professional tech network with over 0 users from over 150 countries. We assist tech professionals in showcasing their unique skills through dedicated profiles and connect them with top global companies for career opportunities.

© Copyright 2024. Showcase Creators Inc. All rights reserved.