Must have Visual Studio Code extensions!
VS code is really a seasoned and widely used Open source IDE, which is being used for many programming languages. We use VS code extensively for the projects in Ruby on Rails, Python, React JS, React Native.
What the heck is Visual Studio Code?
Visual Studio Code is a source-code editor developed by Microsoft for Windows, Linux, and macOS. It includes support for debugging, embedded Git control, syntax highlighting, intelligent code completion, snippets, and code refactoring. It is also customizable, so users can change the editor’s theme, keyboard shortcuts, and preferences. The source code is free and open source and released under the permissive MIT License. The compiled binaries are freeware and free for private or commercial use.
Visual Studio Code is based on Electron, a framework which is used to deploy Node.js applications for the desktop running on the Blink layout engine.
In the Stack Overflow 2019 Developer Survey, Visual Studio Code was ranked the most popular developer environment tool, with 50.7% of 87,317 respondents claiming to use it
One of the reasons why the VS Code got popularity is the extensions. It has a variety of extensions and support for all current popular languages.
Let’s have a look at the popular extensions that we use
A Visual Studio Code extension with rich support for the Python language (for all actively supported versions of the language: 2.7, >=3.5), including features such as IntelliSense, linting, debugging, code navigation, code formatting, Jupyter notebook support, refactoring, variable explorer, test explorer, snippets, and more!
Integrates ESLint into VS Code. If you are new to ESLint check the documentation.
The extension uses the ESLint library installed in the opened workspace folder. If the folder doesn’t provide one the extension looks for a global install version. If you haven’t installed ESLint either locally or globally do so by running npm install eslint in the workspace folder for a local install or npm install -g eslint for a global install.
Publisher: Dirk Baeumer
Download Link: https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
GitLens supercharges the Git capabilities built into Visual Studio Code. It helps you to 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.
Publisher: Eric Amodio
VS Code uses js-beautify internally, but it lacks the ability to modify the style you wish to use. This extension enables running js-beautify in VS Code, AND honouring any .jsbeautifyrc file in the open file’s path tree to load your code styling. Run with F1 Beautify (to beautify a selection) or F1 Beautify file.
The Material Icon Theme provides lots of icons based on Material Design for Visual Studio Code.
Publisher: Philipp Kief
Publisher: charalampos karypidis
- Bracket Pair Colorizer
This extension allows matching brackets to be identified with colors. The user can define which characters to match, and which colors to use. This is one of my personal favorites 😉
This extension provides Ruby language and debugging support for VS Code.
Publisher: Peng Lv
Integrates JSHint into VS Code.
Publisher: Dirk Baeumer
Download Link: https://marketplace.visualstudio.com/items?itemName=dbaeumer.jshint
Download Link: https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets
You can find all the extensions sorted by downloads here!
So developers, go ahead and find your extension and use VS code to make your life easy breezy!
Click here for more details…
At BoTree Technologies, we build enterprise apps with our web development team of 30+ engineers.
Consulting is free – let us help you grow!
Choose Your Language
Subscribe to Our Newsletter
- Digital Marketing
- IT Consulting
- Project Management