Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>QuoteMorphNew to Visual Studio Code? Get it now.
QuoteMorph

QuoteMorph

Marcello Bachechi

|
9 installs
| (2) | Free
| Sponsor
Automatically switches quotes to backticks when using ${} in JS/TS strings.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

QuoteMorph

This extension, QuoteMorph, automatically converts single or double-quoted strings to backticks in your code when template literals are detected. It is designed to enhance your coding experience by seamlessly switching string encapsulation, especially when working with template literals.

Features

  • Automatically detects when ${} or {} is typed within a string and converts the surrounding quotes to backticks.
  • Works in real-time as you type, ensuring a smooth and efficient workflow.
  • Supports both single (') and double (") quotes.

Example

Demo Video

Before typing ${}:

const message = "Hello, world!";

After typing ${}:

const message = `Hello, ${name}!`;

Requirements

This extension does not have any special requirements or dependencies. It works out of the box with Visual Studio Code.

Extension Settings

This extension does not introduce any new settings. It works automatically when installed and activated.

Known Issues

  • The extension currently only supports single-line strings. Multi-line strings are not yet handled.
  • If there are nested quotes or complex string structures, the behavior might be unpredictable.

Release Notes

1.0.4

  • Fixed issues with bleed thru where if you typed the right sequence across lines / editors the quote changes would be made in an inappropriate place+

1.0.3

  • Add vue file support
  • Fixed issues with vue / html attributes encapsulating the double quotes when it shouldn't be

1.0.2

  • Fixed issue with pipeline

1.0.1

  • Updated documentation
  • Added icon
  • Added banner
  • Fixed workflows

1.0.0

  • Initial release of QuoteMorph.
  • Added support for detecting ${} and {} within strings and converting quotes to backticks.

Following Extension Guidelines

This extension adheres to the Visual Studio Code Extension Guidelines to ensure best practices and a high-quality user experience.

Please also consider supporting me on ko-fi

https://ko-fi.com/marcellobachechi

Buy Me a Coffee at ko-fi.com

Enjoy coding with QuoteMorph!

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