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.
2. Standard Single Quotes (' ')
Works great for building dynamic strings from variables.
3. Standard Double Quotes (" ")
Handles double quotes just as easily.
📦 Installation
Open the Extensions sidebar in VS Code.
Search for Single auto-template-string.
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.