Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>Babel JavaScriptNew to Visual Studio Code? Get it now.
Babel JavaScript

Babel JavaScript

Michael McDermott

|
3,603,821 installs
| (29) | Free
| Sponsor
VSCode syntax highlighting for today's JavaScript
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

vscode-language-babel

Show your support by following me on Twitter @michaelgmcd

JavaScript syntax highlighting for ES201x, React JSX, Flow and GraphQL.

I highly recommend using this syntax highlighting with a theme that supports it.

  • My favorite is Theme - Oceanic Next (shown in the screenshot below)

Screenshot

This project supports:

  • ES201x JavaScript

  • React (including JSX)

  • FlowType

  • Support for GraphQL code highlighting within template strings:

    Relay.QL`This is how Relay Classic uses template strings`;
    graphql`This is how Relay Modern uses template strings`;
    gql`This is how Apollo for GraphQL uses template strings`;
    /* GraphQL */ `For cases where no template tag function is available`;
    
  • styled-components, emotion CSS inside tagged template strings plus additional highlighting via /* CSS */ comment

Comparison to Sublime Babel

See #1

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft
OSZAR »