Exploring VSCode | Dadosfera Documentation

Visual Studio Code (VSCode) is one of the most versatile tools for development, and its true power lies in the Extensions icon. With it, you have access to a vast repository of libraries and tools that can transform your experience, making your work environment more productive and efficient.

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

Other Extensions

🚀 General Productivity

• Settings Sync – Syncs settings, themes, and extensions across devices.
• Live Server – Enables a local server with auto-reload for web development.
• Bracket Pair Colorizer – Highlights matching brackets/braces to make code easier to read.
• Error Lens – Shows errors and warnings directly on the code line.

💻 Full Stack Development

• Frontend (JavaScript, TypeScript, React, Angular)
  • ESLint – Helps keep code clean and standardized.
  • Prettier – Automatically formats code according to defined rules.
  • Tailwind CSS IntelliSense – Suggests Tailwind classes directly in the code.
  • Reactjs code snippets – Useful snippets for React.
  • Angular Language Service – Suggestions and validation for Angular.
• Backend (Node.js, NestJS, Python, Ruby on Rails)
  • REST Client – Tests APIs directly in VSCode, without needing Postman.
  • Thunder Client – Alternative to Postman integrated into VSCode.
  • NestJS Snippets – Makes development with NestJS easier.
  • Python – Full support for Python development.
  • Rails – Makes navigation and development with Ruby on Rails easier.

🛠 DevOps e Cloud

• Docker – Container management within VSCode.
• Terraform – Support for infrastructure as code with Terraform.
• GitLens – Improves the Git experience, showing commit history and authorship directly in the code.
• GitHub Copilot – AI-powered code suggestions.

📊 Data Analysis and Data Science

• Jupyter – Lets you run Jupyter notebooks directly in VSCode.
• Pandas Profiler – Exploratory data analysis for Pandas.
• Data Preview – Lets you view CSV, JSON, and Parquet files right in the editor.

🎨 Themes and Interface

• Material Icon Theme – Distinctive icons for files and folders.
• Dracula Official – One of the most popular themes for those who like a dark look.
• One Dark Pro – Alternative to the Atom theme.

⚙️ Useful Extras

• Code Spell Checker – Fixes spelling errors in code and comments.
• Path Intellisense – Automatically suggests file paths.
• Bookmarks – Lets you mark important lines of code for quick navigation.
• Turbo Console Log – Makes inserting console.log() easier.

Check out installing the SqLite3 Viewer extension in VSCode.