Top Visual Studio Code extensions for Automation Engineers in 2022
Back to Blog page

Top Visual Studio Code extensions for Automation Engineers in 2022

Top 10 Visual Studio Code extensions for Automation Engineers

Published by PJ

PJ Dec 6, 2022 3 min read

As there are many different IDE, I feel like Visual studio code is the right one for me for many reasons but the biggest one of all is the number of extensions available to make coding easy.

Below you can find my most helpful VS code extensions as an Automation engineer in no particular order.

Better Comments

The Better Comments extension will help you create more human-friendly comments in your code.
With this extension, you will be able to categorise your annotations into:

  • Alerts
  • Queries
  • TODOs
  • Highlights
  • Commented out code can also be styled to make it clear the code shouldn't be there
  • Any other comment styles you'd like can be specified in the settings
image-dae10bbc96f1acd7f2b0d1a7df0d804e3102b33c-782x199-png

Material Icon

Material Icons for all your file extensions. It really makes identifying the files at a quick glance easy and stand out.

image-62d12b50c1afe01bf344aa0e441096077648f788-782x199-png

Path Intellisense

Most of the time we create new files that will need to be imported into a parent file, this plugin helps import files much easier by autocompleting filenames.

image-0c36542a264089efec9de8ce170b7ed4a01405b6-782x199-png

Polacode

Fancy screenshots of your code just by selecting it. The screenshot has rounded edges to make it look professional.

image-f7462aec79b3a309961d94cd101400cb6b299418-782x199-png

Cypress Helper

Cypress Helper provides shortcuts to navigate between cypress customs. It really comes in handy when debugging through complex code in less time.

image-93ee2d6f159b63962e1feea4d67baf2d7d059ba3-782x199-png

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.

image-59eb895727ae1585ffa96a5a63c3d5c872c2dc72-782x199-png

Git Lens

This plugin helps you tell who made the code changes without having 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. A lot of amazing git features are bought to your code editor.

image-4840f52f419d82de53fe8ab663065a41acfab00e-782x199-png

Cucumber (Gherkin) Full Support

This will only apply if you have integrated cucumber to your automation framework, it will simply:

  • Syntax highlight
  • Basic Snippets support
  • Auto-parsing of feature steps from paths, provided in settings.json
  • Autocompletion of steps
  • Ontype validation for all the steps
  • Definitions support for all the steps parts
  • Document format support, including tables formatting
  • Supporting of many spoken languages
  • Gherkin page objects native support
  • Multiple programming languages, JS, TS, Ruby, Kotlin etc.
image-206af658fa7275d0202f289d3eb0bbad395605b1-782x199-png

Live Share

As the name implies, this extension helps you share and collaborate your code among your team in real-time with real-time editing and chat. This helps and boosts teams’ productivity when working on a project.

image-675d7ccd925a3e1dae615893a1583e4572c0a919-782x199-png

Prettier

Prettier is a code formatter compatible with many languages. It beautifies the code block with nice indentations, thus making the code more readable.

image-0fd4bb1f7c687cfca95c399d4daaa4a32aed57f9-782x199-png
Tagged with:
Cheat Sheets
2
1
Share
Enjoyed this article?
Leave a comment below!
Comments
Kathy C. -
a year ago
Thanks so much PJ very helpful article!
Previous Article