正在加载视频...

视频加载失败

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 次观看 • 1 年前 •via X (Twitter)

47 条评论

robomonk 的头像
robomonk1 年前

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

Kartik 的头像
Kartik1 年前

Have to think about it

Kartik 的头像
Kartik1 年前

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 的头像
bailout001 年前

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 的头像
Kartik1 年前

Ooh never used jetbrain for js only used it for python

bailout00 的头像
bailout001 年前

Yea, Webstorm, its leaps and bounds better than VSCode

Waradu 的头像
Waradu1 年前

why not just use this: ?

mia 的头像
mia1 年前

congrats on shipping, but this already exists.

prnv patil 的头像
prnv patil1 年前

saans to lele bhai

Kartik 的头像
Kartik1 年前

Star the repo

everdimension 的头像
everdimension1 年前

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

Ray 的头像
Ray1 年前

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

Jónatan Nilsson ✝️ 的头像
Jónatan Nilsson ✝️1 年前

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 的头像
36stopniwcieniu1 年前

mfs will do anything but use webstorm

Jilles Soeters 的头像
Jilles Soeters1 年前

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

Vishnu 的头像
Vishnu1 年前

Cool build bro 🔥

Kartik 的头像
Kartik1 年前

Thanks bhai ❤️

Vishnu 的头像
Vishnu1 年前

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

matt🛡️ 的头像
matt🛡️1 年前

Downloading immediately

Ayush Sharma 的头像
Ayush Sharma1 年前

Great work bhai

Bitifet unofficial 的头像
Bitifet unofficial1 年前

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

Asad R 的头像
Asad R1 年前

This is 4 characters in vim: cs"`

Joren Broekema 的头像
Joren Broekema1 年前

There's a million of these already but gj

Harman Singh 🇧🇪 的头像
Harman Singh 🇧🇪1 年前

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

Vladstudio 的头像
Vladstudio1 年前

I've been using but competition never hurts!

Jeffery Orazulike 的头像
Jeffery Orazulike1 年前

Come to @jetbrains

Saïd Aitmbarek 的头像
Saïd Aitmbarek1 年前

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

Jyri 的头像
Jyri1 年前

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

Kartik 的头像
Kartik1 年前

cool for you

Marcel 的头像
Marcel1 年前

“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 的头像
freddie1 年前

i want but cant install on cursor

Kartik 的头像
Kartik1 年前

Have to fix it for cursor

Om Sarraf ( ॐ ) 的头像
Om Sarraf ( ॐ )1 年前

Damn

Rulatir 的头像
Rulatir1 年前

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 的头像
Kartik1 年前

You can disable the extension from command pallete

haadi 的头像
haadi1 年前

Never in my life done that

Bobby Rinaldy 的头像
Bobby Rinaldy1 年前

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

A GMN Ape 的头像
A GMN Ape1 年前

Literally, never done this

Gilberto S 的头像
Gilberto S1 年前

I already use is yours any better?

Kartik 的头像
Kartik1 年前

Naah just made it for fun

Gilberto S 的头像
Gilberto S1 年前

What if I want you to make it better

Kartik 的头像
Kartik1 年前

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

Gilberto S 的头像
Gilberto S1 年前

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

Gilberto S 的头像
Gilberto S1 年前

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

Kartik 的头像
Kartik1 年前

Sure thanks for the benchmark man

Hari 的头像
Hari1 年前

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

Kartik 的头像
Kartik1 年前

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

相关视频