Essential Extensions For VS code – Increase Productivity

  • Maxine Hunt
  • June 12, 2020
  • Comments Off on Essential Extensions For VS code – Increase Productivity
  • General

Visual studio code (VS Code) is a source-code editor text editor program design. It built into an integrated development environment (IDE) or web browser developed by Microsoft for Windows, Linux, and macOS. It guides for debugging, embedded syntax highlighting, intelligent code completion, snippets and code refactoring.

VS Code

VS Code highly customized which allows the users to change the theme, keyboard shortcuts, preferences, and install extensions that add additional functionality. It is thecross-platform text editor build by Microsoft. And they essentially take their online editor VS online also which creates a fast and highly efficient working environment for front-end programmers.

VS Code supports many programming languages that help the developers to choose and work according to their favorite programming language. The languages that the VS Code supports are:

  1. JAVA
  2. JavaScript
  3. TypeScript
  4. JSON: JavaScript Object Notation
  5. HTML: Hypertext Markup Languag
  6. CSS: Cascading Style Sheets

Related:-Really Useful Android Tips & Tricks no One Knows

Five Key Features of The VS Code.

1. IntelliSense: Smart Completions

This is very helpful to syntax highlighter and autocompletes features that provide smart completions. IntelliSense is a code completion tool. It also called as intelligent code completion or intelligent text completion on various separated platforms.

  • IntelliSense provided for JavaScript, TypeScript, JSON, CSS, HTML, and SCSS.
  • Support the word based completions for any programming language.
  • As well as based on language semantics and also analysis your code.
  • Suggest the correct words.

2. Debugging: Inspect and Execute

Debugging in visual studio code can help the developers to navigate through code to inspect the state of an app and its execution flow. Also, the developers can use the keyboard shortcuts, breakpoints, and debug commands.

  • VS Code is familiar with debugger navigation commands.
  • Also, fast and easier to find as well as resolve the bugs in the programming.
  • Automatically detect your debug environment.
  • It provides the developer debug menu. Also, press F5 to start debugging.

3. Color Theme Live Preview

To create a working environment there are color themes that modify the colors in the Visual Studio Code for the user interface.
As well as there are two main categories of the color theme:
Workbench color and Syntax color.

How to Select the Color Theme:

  • In Visual Studio Code, open the Color Theme picker with File > Preferences > Color Theme. OR (in macOS– Code > Preferences > Color Theme ).
  • You can also use the keyboard shortcut Ctrl+K OR Ctrl+T to display the picker.
  • Use the cursor keys to preview the colors of the theme.
  • Select the theme you want and then press Enter.

Related:-Designing Custom Face Detection & Recognition Software

4. Integrated Terminal

In Visual Studio Code, you can open an integrated terminal, starting at the root of your workspace. This can be suitable as you don’t have to switch windows or alter the state of an existing terminal to perform a quick command-line task.

  • It manages multiple terminals
  • Create multiple terminals in the VS code to various locations.
  • As well as easily navigate between them.
  • you can also split the terminal by ctrl+shift+5 command or click right the content menu.

5. Multi-root workspaces

In Visual Studio, you can work in multiple project folders with multi-root workspaces. Also, this is easy to work on different projects at the same time by using this feature. And it helps to do productive work for your company or business.

The key feature of Multi-root workspaces are:

  • Drag And Drop: It is easy to drag and drop to add folders in the workspace.
  • Multiple selection native file open dialogs: It creates multi-root workspace by opening multiple folders with your platform’s native file.
  • Removing folders: With context menu command, remove the folder from the workspace you can remove the folder from your workspace.
  • Save Workspace As: If you want to save your Workspace file, you can use File > Save Workspace As.Adding folders: File > Add folder to Workspace