Visual Studio Code Plugins for Automation Engineers
Code editors have evolved a lot over the years. Every now and then we see new code editors coming, while some code editors fade away.
Recently one of the code editors which I really liked is a lot is Visual Studio Code and it really stands out from the rest of code editors in the market.
While the code editor for itself is really powerful, and with its rich set of plugins make it even more outstanding.
So I would like to point out couple of plugins that really caught my interest and makes your coding days far more productive.
Better Comments
The Better Comments extension is really helpful to categorize your code comments into Alerts, Queries, TODOs, Highlights more!
Bookmarks
Bookmarks helps you to navigate in your code. No more searching through your code on daily basis. You could even specify a custom name for each bookmark to remember easily later. Icons also could be used for a quick glance. The dedicated side bar gives a list various bookmarks.
Code Metrics
Every time when we write code, it really tough to have a check on the code complexity, So this plugin does the job for us and gives us a visual representation on how our code is with respect to code complexity. The less complexity your code is the faster it is to execute it.
Cypress Helper
Cypress Helper provides shortcuts to navigate between cypress customs. It really comes in handy when debugging through complex code in less time.
Docker
If you love working with docker, This plugin is for you. It gives a visual sidebar with details like Containers, Images, Registries, Networks and Volumes. It really comes in handy when you want to know what is happening over your docker environments.
Mocha Snippets
Boiler plate code for Mocha commands. Just simple start typing mocha code and its start recommending.
Git Lens
This plugin helps you tell who made the code changes without having you to go anywhere. It would even provide you various contributors for a particular file. Simple hover over a line and it tells the code changes made. Lot of amazing git features bought to your code editor.
Import Cost
While importing packages to your files, it would you the size of imported packages inline.
JavaScript Code Snippets
This extension contains code snippets for JavaScript in ES6 syntax. It also include snippets for TypeScript.
Live Server
Launch a development local Server with live reload feature for static & dynamic pages.
Material Icon
Material Icons for all you file extensions. It really makes identifying the files in quick glance easy and stand out.
Mocha
Mocha tests for your project would be visible in sidebar. This makes running your tests in groups or an individual test.
Path Intellisense
Importing your files is much easier with this plugin. It auto competes through various folders and files.
Polacode
Fancy screenshots of your code just by selecting it. The screenshot has rounded edges to make it look professional.
Settings Sync
Porting all your plugins from one laptop to another easily with this plugin. It saves time by not having to download every single plugin again.
Sort Lines
Sort lines of settings or libraries in package.json in one click using this simple but effective plugin.