DEV Community

Sid
Sid

Posted on

Must have VS code extensions in 2024

I strive for efficiency in my development workflow, consolidating everything within VS Code to minimize tab-switching and maximize productivity. With new frameworks and technologies emerging constantly, enhancing our productivity over time is crucial, achieved through time-saving tools that elevate the developer experience.

1. GitHub Extensions

Image description

  • GitHub CoPilot: AI-powered code completion suggesting lines or blocks of code based on context, developed in collaboration with OpenAI.
  • GitHub Lens: Provides insights into dependencies, annotations, and file history directly within GitHub, improving collaboration and streamlining code reviews.
  • GitHub Codespaces: Cloud-based development environments offering customizable setups accessible from any device, integrated with VS Code for seamless collaborative development.
  • GitHub Theme: Official VS Code theme mimicking GitHub’s dark theme, enhancing readability and supporting customization.
  • ThunderClient A lightweight, fast REST API client for VS Code, replacing traditional tools like Postman for testing API endpoints directly within the editor.

3. Database Client

Image description
Manages and interacts with various database servers, supporting querying, visualization, and management of data across systems like Redis, Kafka, MongoDB, and PostgreSQL.

4. Package Managers & Docker

Image description

  • Package Managers: Simplify dependency management with clean UIs for Python (Pip) and Node.js (Node Dependencies) projects.
  • Docker Extension: Integrates Docker container management into VS Code, supporting Dockerfiles, Docker Compose files, and Kubernetes for streamlined local development and consistency across environments.

5. Formatters and Visualizers

  • Prettier: Automates code formatting to improve readability and streamline development workflows.
  • Jupyter for VS Code: Integrates Jupyter Notebooks for interactive data analysis, visualization, and machine learning prototyping across multiple languages.
  • SandDance: Data visualization tool within VS Code offering diverse chart types and customization options for efficient data exploration and decision-making in data analysis, presentations, and machine learning.

Top comments (3)

Collapse
 
vincentjang profile image
Vincent Jang

Thx for your recommend.

Additionally, I recommend few extentions.

  1. For theme : Bearded Theme and Icons
  2. Git : Git graph
  3. Highlight : Highlight a '// TODO' , //Bug, etc..

For humor, I made a extension for timezone, It called Timespace, It will be show a local time and UTC in downbar. :)

Collapse
 
sidhxntt profile image
Sid

sounds cool! will definitely give it a try :)

Collapse
 
martinbaun profile image
Martin Baun

Nice! Currently looking into trailing spaces for those like me who don't really like a lot of whitespace :)