fala-dev

ESLintIntegrates ESLint JavaScript into VS Code.

GitLens — Git superchargedSupercharge Git within VS Code — 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

GitKraken

Material Icon ThemeMaterial Design Icons for Visual Studio Code

Philipp Kief

Remote - SSHOpen any folder on a remote machine using SSH and take advantage of VS Code's full feature set.

Microsoft

Remote - SSH: Editing Configuration FilesEdit SSH configuration files

Microsoft

Live ShareReal-time collaborative development from the comfort of your favorite tools.

Microsoft

Remote ExplorerView remote machines for SSH and Tunnels.

Microsoft

Code Spell CheckerSpelling checker for source code

Street Side Software

Tailwind CSS IntelliSenseIntelligent Tailwind CSS tooling for VS Code

Tailwind Labs

DotENVSupport for dotenv file syntax

mikestead

TODO Highlighthighlight TODOs, FIXMEs, and any keywords, annotations...

Wayou Liu

SQLiteExplore and query SQLite databases.

alexcvzz

Live Share Extension PackCollection of extensions that enable real-time collaborative development with VS Live Share.

Microsoft

PrismaAdds syntax highlighting, formatting, auto-completion, jump-to-definition and linting for .prisma files.

Prisma

Shades of Purple🦄 A professional theme suite with hand-picked & bold shades of purple for your VS Code editor and terminal apps. One of the excellent, most downloaded, and top-rated VSCode Themes on the marketplace. Part of VSCode.pro course.

Ahmad Awais ⚡

Better TOMLBetter TOML Language support

bungcip

vscode-styled-componentsSyntax highlighting for styled-components

Styled Components

Polacode📸 Polaroid for your code

P & P

Fluent IconsFluent product icons for Visual Studio Code

Miguel Solorio

PostCSS Language SupportSyntax highlighting for modern and experimental CSS in VSCode

csstools

Console NinjaJavaScript console.log output and runtime errors right next to your code.

Wallaby.js

CSS ModulesVisual Studio Code extension for CSS Modules

clinyong

DenoA language server client for Deno.

denoland

Regex PreviewerRegex matches previewer for JavaScript, TypeScript, PHP and Haxe in Visual Studio Code.

Christof Marti

Omni ThemeDark theme created by Rocketseat 🚀

Rocketseat

MDXLanguage support for MDX

unified

Apollo GraphQLRich editor support for GraphQL client and server development that seamlessly integrates with the Apollo platform

Apollo GraphQL

Catppuccin for VSCode🦌 Soothing pastel theme for VSCode

Catppuccin

SymbolsA simple file icon theme for VS Code

Miguel Solorio

Min ThemeA minimal theme that comes in dark and light.

Miguel Solorio

Brazilian Portuguese - Code Spell CheckerBrazilian Portuguese dictionary extension for VS Code.

Street Side Software

Fix VSCode ChecksumsA VSCode extension to adjust checksums after changes to core files

Jürg Lehni

CSS-in-JSCSS-in-JS autocomplete and conversion

paulmolluzzo

GraphQL: Inline Operation ExecutionExecute graphql operations from your code (revived!)

GraphQL Foundation

FreeMarkerSyntax highlight for FreeMarker

Daniel Cortes

Rosé PineAll natural pine, faux fur and a bit of soho vibes for the classy minimalist

Rosé Pine

JavaScript Debugger Companion ExtensionCompanion extension to js-debug that provides capability for remote debugging

Microsoft

JavaScript DebuggerAn extension for debugging Node.js programs and Chrome.

Microsoft

Launchbase ThemeLaunchbase theme for vscode

Mayk Brito

iTerm2 Theme Sync

tusaeff

Table Visualizer for JavaScript ProfilesText visualizer for profiles taken from the JavaScript debugger

Microsoft

reTypewriterReply the steps of your changes at ease.

Anthony Fu

Live Share Extension Pack

v0.4.0

Microsoft

2,715,871

(31)

Collection of extensions that enable real-time collaborative development with VS Live Share.

Install

Live Share Extension Pack

If you're not already familiar with Visual Studio Live Share, refer here for more information.

This extension pack includes everything you need to start collaboratively editing and debugging in real time, including integrated audio and text chat. This provides you and your team/class with a one-click installation, in order to begin pair programming, performing remote code reviews, driving interactive lectures, and more, without needing to leave Visual Studio Code.

Getting Started

Install this extension pack and reload VS Code
Open your project, then click the Live Share button in your status bar to start a new collaboration session. You'll be asked to login with your GitHub or Microsoft account the first time, which simply allows other developers to identify you.

Refer to the Live Share quickstart for more details.
Open the Live Share Sessions Details view, and click the Start audio call... node to start a call that is scoped to the guests in the session

Refer to the Live Share Audio quickstart for more details.
A new document window, titled Live Share Chat, will automatically open to the side. This window provides you with an integrated chat channel that is scoped to the guests in your collaboration session. If you close the window, you can always re-open it by clicking the Chat Channel node in the Live Share Session Details view (as displayed below).

Refer to the documentation for more details.

When you send the VS Live Share link to another developer, they'll immediately join into your session, and will be prompted to connect to the audio call. From there, you can begin communicating and collaborating in real-time, without needing to rely on any other tools or services.

Once you've collaborated with someone, they'll be automatically added to your Recent contacts list in the Live Share Contacts view (details). This allows you to see their real-time status (e.g. Available, Away, Do not disturb), send them instant messages, and then invite them into Live Share sessions, directly from the IDE. Collaboration couldn't be any easier!

To learn more about what you can do with VS Live Share (e.g. co-debugging, sharing terminals and localhost servers), refer to the comprehensive how-to guide.

Included Extensions

The following extensions are included as part of this extension pack, and therefore, will be automatically installed along with it:

| Extension | Stats | |--------------|---------| | Live Share | | | Live Share Audio | |

Recommended Extensions

The following extensions aren't included as part of this extension pack, but are recommended based on the additional capabilities they provide to VS Live Share collaboration sessions (e.g. time-tracking, shared test runner, real-time code prototyping):

| Extension | Stats | |--------------|---------| | Browser Preview | | | CodeStream | | | Code Time | | | Discord Presence | | | GitHub Pull Requests | | | GitLens | | | Live Server | | | Live Share Pomodoro | | | Live Share Spaces | | | Live Share Whiteboard | | | Peacock | | | Test Explorer | | | Quokka.js | |

More Information

Github