Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>auto-template-stringNew to Visual Studio Code? Get it now.
auto-template-string

auto-template-string

iDDGE7

|
3 installs
| (0) | Free
Automatically converts simple quotes or double quotes to template strings
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Single auto-template-string

A lightweight, zero-configuration VS Code extension that automatically converts your 'single' or "double" quotes into `template strings` the moment you type ${.

No setup required, just install and go!


✨ Features

  • Zero-Configuration: Works right out of the box.
  • Smart Detection: Automatically converts both 'single quotes' and "double quotes" to `template strings`.
  • JSX/TSX Ready: Perfect for dynamic props like className, id, or href.

🚀 Demos

1. JSX/TSX Props (e.g., className)

Converts quotes directly inside your component props.

Demo: Converting in JSX Props

2. Standard Single Quotes (' ')

Works great for building dynamic strings from variables.

Demo: Converting Single Quotes

3. Standard Double Quotes (" ")

Handles double quotes just as easily.

Demo: Converting Double Quotes

📦 Installation

  1. Open the Extensions sidebar in VS Code.
  2. Search for Single auto-template-string.
  3. Click Install.

✏️ Supported Languages

  • JavaScript
  • TypeScript
  • JavaScript React
  • TypeScript React
  • Svelte

📝 Contributing

Contributions are welcome!

🛟 Suggestions

If you have any suggestions or ideas, please feel free to open an issue or submit a pull request.

📄 License

MIT License

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