Loading video...

Video Failed to Load

Go Home

Every JavaScript dev has done this at least once: > Typed ${name} inside "quotes"... > Hit save. > Saw "Hello ${name}" instead of Hello John. > Then sighed, deleted, and retyped everything with backticks. So I built "Quotick", a VS Code extension that instantly converts quotes → backticks the...

100,134 views • 1 year ago •via X (Twitter)

47 Comments

robomonk's profile picture
robomonk1 year ago

make it a saas and start charging 20$ per mo subscription

Kartik's profile picture
Kartik1 year ago

Have to think about it

Kartik's profile picture
Kartik1 year ago

You can now revert the backticks too and convert them to quotes if you remove '$' or '{', move to version 0.0.6 on extension.

bailout00's profile picture
bailout001 year ago

I didn’t realize other IDEs didn’t just change it for you. Jetbrains just changes it to backticks, and you can undo it if you’re leaving it for a reason.

Kartik's profile picture
Kartik1 year ago

Ooh never used jetbrain for js only used it for python

bailout00's profile picture
bailout001 year ago

Yea, Webstorm, its leaps and bounds better than VSCode

Waradu's profile picture
Waradu1 year ago

why not just use this: ?

mia's profile picture
mia1 year ago

congrats on shipping, but this already exists.

prnv patil's profile picture
prnv patil1 year ago

saans to lele bhai

Kartik's profile picture
Kartik1 year ago

Star the repo

everdimension's profile picture
everdimension1 year ago

Nope, haven't done this once Even when I used monochrome editor theme, syntax highlighting tells you what to do

Ray's profile picture
Ray1 year ago

Nice that you came up with it by yourself. This kind of dx details are gold. (Built in with WebStom btw,)

Jónatan Nilsson ✝️'s profile picture
Jónatan Nilsson ✝️1 year ago

Sorry to say but I've never done that mistake. The colour syntax in the editor makes it painfully obvious. And besides I don't like back ticks a whole lot so I'm aware when I can avoid it and when I need it for ${} stuff

36stopniwcieniu's profile picture
36stopniwcieniu1 year ago

mfs will do anything but use webstorm

Jilles Soeters's profile picture
Jilles Soeters1 year ago

I have never done that, because the LSP highlights backticks differently.

Vishnu's profile picture
Vishnu1 year ago

Cool build bro 🔥

Kartik's profile picture
Kartik1 year ago

Thanks bhai ❤️

Vishnu's profile picture
Vishnu1 year ago

I started my web dev journey as well, I'm currently learning CSS 😅

matt🛡️'s profile picture
matt🛡️1 year ago

Downloading immediately

Ayush Sharma's profile picture
Ayush Sharma1 year ago

Great work bhai

Bitifet unofficial's profile picture
Bitifet unofficial1 year ago

No. Just type «cs"`» and you're done.

Asad R's profile picture
Asad R1 year ago

This is 4 characters in vim: cs"`

Joren Broekema's profile picture
Joren Broekema1 year ago

There's a million of these already but gj

Harman Singh 🇧🇪's profile picture
Harman Singh 🇧🇪1 year ago

I need this but for Python F-strings. 😂 I can't count how many times I've made that mistake

Vladstudio's profile picture
Vladstudio1 year ago

I've been using but competition never hurts!

Jeffery Orazulike's profile picture
Jeffery Orazulike1 year ago

Come to @jetbrains

Saïd Aitmbarek's profile picture
Saïd Aitmbarek1 year ago

dope repository mate, cool for VSC devs! feel free to launch it on should help

Jyri's profile picture
Jyri1 year ago

Have you heard of AI? I use it for this.

Kartik's profile picture
Kartik1 year ago

cool for you

Marcel's profile picture
Marcel1 year ago

“deleted, and retyped everything”… whaaaaa? If you have to delete and retype everything to change quotes to backtick, more than an extension is needed at that point… 😳

freddie's profile picture
freddie1 year ago

i want but cant install on cursor

Kartik's profile picture
Kartik1 year ago

Have to fix it for cursor

Om Sarraf ( ॐ )'s profile picture
Om Sarraf ( ॐ )1 year ago

Damn

Rulatir's profile picture
Rulatir1 year ago

What if I literally want to have a dollar sign, a left curly brace, some letters, and a right curly brace in a string?

Kartik's profile picture
Kartik1 year ago

You can disable the extension from command pallete

haadi's profile picture
haadi1 year ago

Never in my life done that

Bobby Rinaldy's profile picture
Bobby Rinaldy1 year ago

ohhh.. so people are actually using vscode ? im Nvim user btw

A GMN Ape's profile picture
A GMN Ape1 year ago

Literally, never done this

Gilberto S's profile picture
Gilberto S1 year ago

I already use is yours any better?

Kartik's profile picture
Kartik1 year ago

Naah just made it for fun

Gilberto S's profile picture
Gilberto S1 year ago

What if I want you to make it better

Kartik's profile picture
Kartik1 year ago

Yup i have done it much better much better architecture, better quality code. And potential to adds more features in the future

Gilberto S's profile picture
Gilberto S1 year ago

Hey so I just put together a quick benchmark for both, you did an exceptional job! Well done

Gilberto S's profile picture
Gilberto S1 year ago

`findAllTemplateLiterals` (~1.5µs) is your slowest function, maybe work on that branch?

Kartik's profile picture
Kartik1 year ago

Sure thanks for the benchmark man

Hari's profile picture
Hari1 year ago

Nice. Quick question what if u dont want backticks. Is there any undo option?

Kartik's profile picture
Kartik1 year ago

yes, you can disable the extension or if you remove $ or { it will revert it back to quotes

Related Videos