Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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 Aufrufe • vor 1 Jahr •via X (Twitter)

47 Kommentare

Profilbild von robomonk
robomonkvor 1 Jahr

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

Profilbild von Kartik
Kartikvor 1 Jahr

Have to think about it

Profilbild von Kartik
Kartikvor 1 Jahr

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

Profilbild von bailout00
bailout00vor 1 Jahr

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.

Profilbild von Kartik
Kartikvor 1 Jahr

Ooh never used jetbrain for js only used it for python

Profilbild von bailout00
bailout00vor 1 Jahr

Yea, Webstorm, its leaps and bounds better than VSCode

Profilbild von Waradu
Waraduvor 1 Jahr

why not just use this: ?

Profilbild von mia
miavor 1 Jahr

congrats on shipping, but this already exists.

Profilbild von prnv patil
prnv patilvor 1 Jahr

saans to lele bhai

Profilbild von Kartik
Kartikvor 1 Jahr

Star the repo

Profilbild von everdimension
everdimensionvor 1 Jahr

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

Profilbild von Ray
Rayvor 1 Jahr

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

Profilbild von Jónatan Nilsson ✝️
Jónatan Nilsson ✝️vor 1 Jahr

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

Profilbild von 36stopniwcieniu
36stopniwcieniuvor 1 Jahr

mfs will do anything but use webstorm

Profilbild von Jilles Soeters
Jilles Soetersvor 1 Jahr

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

Profilbild von Vishnu
Vishnuvor 1 Jahr

Cool build bro 🔥

Profilbild von Kartik
Kartikvor 1 Jahr

Thanks bhai ❤️

Profilbild von Vishnu
Vishnuvor 1 Jahr

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

Profilbild von matt🛡️
matt🛡️vor 1 Jahr

Downloading immediately

Profilbild von Ayush Sharma
Ayush Sharmavor 1 Jahr

Great work bhai

Profilbild von Bitifet unofficial
Bitifet unofficialvor 1 Jahr

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

Profilbild von Asad R
Asad Rvor 1 Jahr

This is 4 characters in vim: cs"`

Profilbild von Joren Broekema
Joren Broekemavor 1 Jahr

There's a million of these already but gj

Profilbild von Harman Singh 🇧🇪
Harman Singh 🇧🇪vor 1 Jahr

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

Profilbild von Vladstudio
Vladstudiovor 1 Jahr

I've been using but competition never hurts!

Profilbild von Jeffery Orazulike
Jeffery Orazulikevor 1 Jahr

Come to @jetbrains

Profilbild von Saïd Aitmbarek
Saïd Aitmbarekvor 1 Jahr

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

Profilbild von Jyri
Jyrivor 1 Jahr

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

Profilbild von Kartik
Kartikvor 1 Jahr

cool for you

Profilbild von Marcel
Marcelvor 1 Jahr

“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… 😳

Profilbild von freddie
freddievor 1 Jahr

i want but cant install on cursor

Profilbild von Kartik
Kartikvor 1 Jahr

Have to fix it for cursor

Profilbild von Om Sarraf ( ॐ )
Om Sarraf ( ॐ )vor 1 Jahr

Damn

Profilbild von Rulatir
Rulatirvor 1 Jahr

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

Profilbild von Kartik
Kartikvor 1 Jahr

You can disable the extension from command pallete

Profilbild von haadi
haadivor 1 Jahr

Never in my life done that

Profilbild von Bobby Rinaldy
Bobby Rinaldyvor 1 Jahr

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

Profilbild von A GMN Ape
A GMN Apevor 1 Jahr

Literally, never done this

Profilbild von Gilberto S
Gilberto Svor 1 Jahr

I already use is yours any better?

Profilbild von Kartik
Kartikvor 1 Jahr

Naah just made it for fun

Profilbild von Gilberto S
Gilberto Svor 1 Jahr

What if I want you to make it better

Profilbild von Kartik
Kartikvor 1 Jahr

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

Profilbild von Gilberto S
Gilberto Svor 1 Jahr

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

Profilbild von Gilberto S
Gilberto Svor 1 Jahr

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

Profilbild von Kartik
Kartikvor 1 Jahr

Sure thanks for the benchmark man

Profilbild von Hari
Harivor 1 Jahr

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

Profilbild von Kartik
Kartikvor 1 Jahr

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

Ähnliche Videos