VS Code is my preferred IDE, one that I have spent a lot of time trying to master including its shortcuts, another advantage of VS Code is that its lightweight and supports a wide range of extension which would make our work a lot easier without impacting performance. Another reason why I have grown fond of VS Code aside JavaScript is due to the fact that it supports Rust, a language I'm currently exploring though little progress. Here is a list of extensions We would be using while working on WaveRD in no particular order.
This extention does not directly affect our code but helps with comment visibility and it is something I use often. Instead of having the default dark color for comments, this extension offers different colors based on annotation used.
The goal of this spell checker is to help catch common spelling errors while keeping the number of false positives low. My favorite thing about this extention is its support for different naming conventions ranging from snake case. This extention does not modify your code, but rather it highlights spelling errors and you can choose to ignore certain words.
Another speeling extention but this is different. Dictionary completion allows user to get a list of keywords, based off of the current word at the cursor. This extention works like search suggestion.
Adds formatting and syntax highlighting support for env files (.env) to Visual Studio Code
This is a popular extention among react developers, though my frequent use of it is rafce snippet. It provides JavaScript and React/Redux snippets in ES7+ with Babel plugin features for VS Code
This might sound weird as there is no clear productivity from this extention, but like other developers, I love to see the size of any file I am currently working at the status bar of VS Code.
Just like filesize, I love to see information about who last modified a file in the status bar of VS Code. Git LastAuthor works with both Github and Bitbucket repositories.
The GitHub Actions extension lets you manage your workflows, view the workflow run history, and helps with authoring workflows. Just to note that we would be working with Github Actions in case you're wondering.
Visualize code authorship at a glance via Git blame annotations and CodeLens, seamlessly navigate and explore Git repositories, gain valuable insights via rich visualizations and powerful comparison commands, and so much more
Show the last modified date for the current file in the status bar.
Markdown Preview Enhanced ported to vscode
It helps to have this extention, though for majority of the time we would be working with MongoDB compass.
Atom's iconic One Dark theme for Visual Studio Code. Just thought of adding this as for the duration of this series I would be uploading code snippets and aside aesthetics it aids readability
Subtly change the workspace color of your workspace. Ideal when you have multiple VS Code instances and you want to quickly identify which is which. This extension would prove useful once we start switching between frontend and backend workspace as you would see.
This extension would be used to run Playwright Test tests in Visual Studio Code.
Not one we might use often. Streamline API development and testing with the power of Postman, directly in your favorite IDE.
Code formatter using prettier. Aside having code formatting set to 'on save', another usefulness of this is that it does not format when there is a syntax error, so in a way it serves as a reminder that something is not right.
Intelligent Tailwind CSS tooling for VS Code. Tailwind CSS IntelliSense enhances the Tailwind development experience by providing Visual Studio Code users with advanced features such as autocomplete, syntax highlighting, and linting.
Generate fake data for name, address, lorem ipsum, commerce and much more
Icons for Visual Studio Code
Metrics, insights, and time tracking automatically generated from your programming activity. I love this extention for so many reason, one of it being I can easily tell when I have spent a lot of time trying to resolve a bug and then knowing when I have done quite enough for the day
Happy hacking...
Top comments (1)
Great list. Thanks for sharing