fala-dev
 
vscode-eslint
ESLintIntegrates ESLint JavaScript into VS Code.
Microsoft
gitlens
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-theme
Material Icon ThemeMaterial Design Icons for Visual Studio Code
Philipp Kief
remote-ssh
Remote - SSHOpen any folder on a remote machine using SSH and take advantage of VS Code's full feature set.
Microsoft
remote-ssh-edit
Remote - SSH: Editing Configuration FilesEdit SSH configuration files
Microsoft
vsliveshare
Live ShareReal-time collaborative development from the comfort of your favorite tools.
Microsoft
remote-explorer
Remote ExplorerView remote machines for SSH and Tunnels.
Microsoft
code-spell-checker
Code Spell CheckerSpelling checker for source code
Street Side Software
vscode-tailwindcss
Tailwind CSS IntelliSenseIntelligent Tailwind CSS tooling for VS Code
Tailwind Labs
dotenv
DotENVSupport for dotenv file syntax
mikestead
vscode-todo-highlight
TODO Highlighthighlight TODOs, FIXMEs, and any keywords, annotations...
Wayou Liu
vscode-sqlite
SQLiteExplore and query SQLite databases.
alexcvzz
vsliveshare-pack
Live Share Extension PackCollection of extensions that enable real-time collaborative development with VS Live Share.
Microsoft
prisma
PrismaAdds syntax highlighting, formatting, auto-completion, jump-to-definition and linting for .prisma files.
Prisma
shades-of-purple
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-toml
Better TOMLBetter TOML Language support
bungcip
vscode-styled-components
vscode-styled-componentsSyntax highlighting for styled-components
Styled Components
polacode
Polacode📸 Polaroid for your code
P & P
fluent-icons
Fluent IconsFluent product icons for Visual Studio Code
Miguel Solorio
postcss
PostCSS Language SupportSyntax highlighting for modern and experimental CSS in VSCode
csstools
console-ninja
Console NinjaJavaScript console.log output and runtime errors right next to your code.
Wallaby.js
vscode-css-modules
CSS ModulesVisual Studio Code extension for CSS Modules
clinyong
vscode-deno
DenoA language server client for Deno.
denoland
regex
Regex PreviewerRegex matches previewer for JavaScript, TypeScript, PHP and Haxe in Visual Studio Code.
Christof Marti
theme-omni
Omni ThemeDark theme created by Rocketseat 🚀
Rocketseat
vscode-mdx
MDXLanguage support for MDX
unified
vscode-apollo
Apollo GraphQLRich editor support for GraphQL client and server development that seamlessly integrates with the Apollo platform
Apollo GraphQL
catppuccin-vsc
Catppuccin for VSCode🦌 Soothing pastel theme for VSCode
Catppuccin
symbols
SymbolsA simple file icon theme for VS Code
Miguel Solorio
min-theme
Min ThemeA minimal theme that comes in dark and light.
Miguel Solorio
code-spell-checker-portuguese-brazilian
Brazilian Portuguese - Code Spell CheckerBrazilian Portuguese dictionary extension for VS Code.
Street Side Software
vscode-fix-checksums
Fix VSCode ChecksumsA VSCode extension to adjust checksums after changes to core files
Jürg Lehni
convert-css-in-js
CSS-in-JSCSS-in-JS autocomplete and conversion
paulmolluzzo
vscode-graphql-execution
GraphQL: Inline Operation ExecutionExecute graphql operations from your code (revived!)
GraphQL Foundation
FreeMarker
FreeMarkerSyntax highlight for FreeMarker
Daniel Cortes
rose-pine
Rosé PineAll natural pine, faux fur and a bit of soho vibes for the classy minimalist
Rosé Pine
js-debug-companion
JavaScript Debugger Companion ExtensionCompanion extension to js-debug that provides capability for remote debugging
Microsoft
js-debug
JavaScript DebuggerAn extension for debugging Node.js programs and Chrome.
Microsoft
theme-launchbase
Launchbase ThemeLaunchbase theme for vscode
Mayk Brito
vscode-iterm2-theme-sync
iTerm2 Theme Sync
tusaeff
vscode-js-profile-table
Table Visualizer for JavaScript ProfilesText visualizer for profiles taken from the JavaScript debugger
Microsoft
retypewriter
reTypewriterReply the steps of your changes at ease.
Anthony Fu
vsliveshare
Live Share
v1.0.5941
Microsoft
|
19,068,916
|
(155)
Real-time collaborative development from the comfort of your favorite tools.

Microsoft Visual Studio Live Share

Visual Studio Live Share enables you to collaboratively edit and debug with others in real time, regardless what programming languages you're using or app types you're building. It allows you to instantly (and securely) share your current project, and then as needed, share debugging sessions, terminal instances, localhost web apps, and more! Developers that join your sessions receive all of their editor context from your environment (e.g. language services, debugging), which ensures they can start productively collaborating immediately, without needing to clone any repos or install any SDKs.

Additionally, unlike traditional pair programming, Visual Studio Live Share allows developers to work together, while retaining their personal editor preferences (e.g. theme, keybindings), as well as having their own cursor. This allows you to seamlessly transition between following one another, and being able to explore ideas/tasks on your own. In practice, this ability to work together and independently provides a collaboration experience that is potentially more natural for many common use cases.

Installation

  1. If needed, install Visual Studio Code for Windows (7+), macOS (Sierra+), or Linux (details).

  2. Download and install the Visual Studio Live Share extension for Visual Studio Code.

  3. Wait for the extension to finish downloading and then reload VS Code when prompted.ss

  4. Once complete, you'll see Live Share appear in your status bar. You can now begin collaborating with others immediately! Check out the quickstart below for information on how to get started.

Quickstart (Sharing)

After installing VS Live Share, it only takes a few steps to instantly share your currently open project:

  1. Click the Live Share button in your status bar, which will share your project, and copy a unique session URL to your clipboard.

    You'll be asked to sign in the first time you share (using a GitHub or Microsoft account), which allows others to identity you when collaborating.

    On Windows, you may be asked to allow Live Share to open a firewall port, in order to enable peer-to-peer connections.

  2. Send the session URL (that is copied to your clipboard) to the developers you'd like to collaborate with, using e-mail, Skype, Slack, etc. Once received, all they'll need to do is click the link in order to get started.

  3. That's it! Once an invited "guest" joins, you'll get a notification, and will see their cursor appear in your currently opened file. All guests will start out "following" you, which means that as you scroll or navigate between files, they will track those actions as well. This makes it easy to orient them with the issue/question/task you're about to start collaborating on.

  4. To get the most out of Live Share, check out the Session Details viewlet, by clicking the Live Share logo in your activity bar. From there, you can follow/focus participants, see which file/line everyone is currently editing, and even share localhost servers and terminals.

Want to evaluate VS Live Share but don't have anyone to collaborate with? No problem! You can actually share with yourself from another instance of VS Code. Simply open the session URL in your browser to get started.

Quickstart (Joining)

After installing VS Live Share, joining a collaboration session only requires a few steps:

  1. Click the session URL the "host" sent you, which will open it up in a browser. When prompted, allow your browser to launch VS Code

  2. You'll be asked to sign in the first time you share (using a GitHub or Microsoft account), which allows others to identity you when collaborating.

  3. That's it! After you join, you'll be immediately presented with the file that the "host" has open, and can see their cursor and any edits they make.

    Additionally, you start out "following" the host, so as they scroll or navigate between files, you'll follow along with them. This makes it easy to orient yourself with the issue/question/task you're about to start collaborating on.

  4. To get the most out of Live Share, check out the Session Details viewlet, by clicking the Live Share logo in your activity bar. From there, you can follow/focus participants, see which file/line everyone is currently editing, and open any localhost servers and terminals that have been shared as part of the collaboration session.

If you have any trouble joining, see the "joining manually" section in our docs for more information.

By downloading and using Visual Studio Live Share, you agree to the license terms and privacy statement. See troubeshooting if you run into problems.

More Information