Wednesday, July 26, 2017

Visual Studio Code – Popular Extensions

  • Visual studio code is a light weight, super-fast, free, open source and cross platform IDE developed by Microsoft
  •  It runs on windows, macOS and Linux operating systems.
  •  It has built-in support for JavaScript, Typescript and Node.js
  •  We can add wide range of extensions to VS Code for front-end development like C#, Java, Python, Angular, ReactJs, C++, PHP and etc.
  •  It has great in-built intellisence support for JavaScript, Typescript, CSS and HTML 
  •  It has in-built debug , attach process, breakpoints and watch mode inside editor 
  •  Built-in side bar with GIT commands 
  •  It has integrated terminal/command prompt to run any commands without moving out from editor 
  • We can import keyboard shortcuts from different editors using extensions 
  • Easy customization and support different themes 
  • Easy to export editor settings to make all developers to follow same standards in a team

Popular Extensions:

1. Debugger for Chrome :
It is built by Microsoft itself and used to debug JavaScript code in Google chrome without leaving the code editor. This extension has breakpoint settings, variable watching, stepping and debug console 

https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome

2. Angular Essentials:
It has packed with multiple extensions for complete Angular development.

https://marketplace.visualstudio.com/items?itemName=johnpapa.angular-essentials

3. HTML Snippets :
It gives great support for HTML with intellisence and syntax colouring.

https://marketplace.visualstudio.com/items?itemName=abusaidm.html-snippets

4. HTML CSS Class Completion:
It fetches name of all CSS classes in the current workspace and display complete list while typing

https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion

5. TSLint:
It identifies issues in TypeScript code while writing and provide auto fixes too

https://marketplace.visualstudio.com/items?itemName=eg2.tslint

6. EditorConfig for VS Code:
It maintains consistent coding style for all developers. It makes easy while comparing files with equal indentation, spaces, tabs, line start and line end

https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig

7. C#
It allows writing C# code for .NET Core framework. It supports debugging, syntax highlighting, intellisence, Go to Definition, Find All reference and etc.

https://marketplace.visualstudio.com/items?itemName=ms-vscode.csharp

Learn more about VS Code from https://code.visualstudio.com/

Happy Coding :)

No comments:

Post a Comment