Skip to main content

Exploring VS Code

Visual Studio Code (VS Code) is one of the most versatile development tools available, and much of its power comes from the Extensions area. From there, you can access a large ecosystem of libraries and tools that make your workspace more productive and efficient.

Below is a list of extensions you can use to customize your environment and take your workflow to the next level.

Other extensions​

🚀 General productivity

  • Settings Sync: synchronizes settings, themes, and extensions across devices.
  • Live Server: runs a local web development server with auto-reload.
  • Bracket Pair Colorizer: highlights matching brackets and braces for easier reading.
  • Error Lens: shows errors and warnings directly inline.

💻 Full-stack development

  • Frontend (JavaScript, TypeScript, React, Angular)
    • ESLint: helps keep code clean and consistent.
    • Prettier: formats code automatically according to predefined rules.
    • Tailwind CSS IntelliSense: suggests Tailwind classes directly in the editor.
    • Reactjs code snippets: useful snippets for React development.
    • Angular Language Service: suggestions and validation for Angular.
  • Backend (Node.js, NestJS, Python, Ruby on Rails)
    • REST Client: test APIs directly in VS Code without Postman.
    • Thunder Client: a VS Code-native alternative to Postman.
    • NestJS Snippets: accelerates development with NestJS.
    • Python: full support for Python development.
    • Rails: improves navigation and development with Ruby on Rails.

🛠 DevOps and cloud

  • Docker: manage containers from inside VS Code.
  • Terraform: infrastructure-as-code support with Terraform.
  • GitLens: improves the Git experience by surfacing commit history and authorship directly in the editor.
  • GitHub Copilot: AI-assisted code suggestions.

📊 Data analytics and data science

  • Jupyter: run Jupyter notebooks directly in VS Code.
  • Pandas Profiler: exploratory data analysis for Pandas.
  • Data Preview: preview CSV, JSON, and Parquet files inside the editor.

🎨 Themes and interface

  • Material Icon Theme: enhanced icons for files and folders.
  • Dracula Official: one of the most popular themes for dark interfaces.
  • One Dark Pro: an alternative inspired by Atom’s theme.

⚙️ Useful extras

  • Code Spell Checker: checks spelling in code and comments.
  • Path Intellisense: suggests file paths automatically.
  • Bookmarks: mark important lines for quick navigation.
  • Turbo Console Log: speeds up console.log() insertion.

See also how to install the SQLite Viewer extension in VS Code.