Code Faster With Custom VS Code Snippets

Sponsor: Freelancer Bundle (Use "brad25" for 25% off)

Snippets We Did & More:

💖 Become a Patron: Show support & get perks!

Website & Udemy Courses

Follow Traversy Media:

[IamMclovn]

I start my first dev job in 2 weeks and want to say thank you. I could say thank you a million times and feel like it wouldn't be enough. From the udemy classes to youtube vids ur a blessing to the world. Even thought I don't know u, u have become one of my mentors. Thanks a million Brad!

[sanghvian]

It's 4:55am here in India and I have the exact same level of enthusiasm watching Brad's videos as at 7pm

[mykalimba]

For convenience, it's a good idea to add a final tab stop at the end of many snippets. In these instances, once you've tabbed through all of the stops, you end up at the end of the snippet, ready to continue typing any code that follows.

[TheTechRancher]

I was just looking up how to do some of this. Thanks Brad. You are awesome! Keep up your hard work, we greatly appreciate it!

[bobbyboxer]

Brad ALWAYS delivers such AMAZING AND HELPFUL content. I started working in development after a bootcamp and you were one of my go to resources through school.
Here I am a year later STILL coming in for the valuable gems you always drop. Such a huge inspiration Brad. 💪🏼💪🏼💪🏼

I also took your bootstrap, React and modern JS courses in Udemy. More gems of knowledge there.

[anwitmondal]

Thanks man, I could never imagine that someone could create a web app to help folks create IDE snippets !!!!

[Dakilangmanok]

I've known how to create my own snippets for awhile, this just gave me a much cleaner and efficient way of doing them. Thank you! I appreciate all of your tutorials I have followed.

[pdep]

Brilliant, as always! And I could listen to that 'easy on the ear' voice all day!

[KuhorevLeonid]

Hey Brad, thanks a lot for the video, that's a really helpful one! The only thing I noticed that in order to properly escape the PORT variable inside of the template literals I had to make a "double escape": `Server running on port ${${PORT}}`

[kerryd]

I'm in your Udemy courses and they're great! I'm happy to have found your Udemy courses and your Youtube channel. (-:

[horntchgaming]

Thanks for this video Brad. I like putting dashes before and after a comment so they stick out. I edited the CSS, HTML, and Javascript JSON files. What a time saver, thanks again.

[SleazyNice]

Reactjs Code Snippets and Simple React Snippets are good alternatives to ES7 snippets.

You can install all three if you want to. You will get a choice in a drop-down list.
Use CRL + Space to get a preview.

[harmeepatel]

I was just messing with it yesterday, and Bam, today this video pops up! Awsm💯

[jackdavies]

For anyone else who had the issue of VSCode not suggesting default dropdown suggestions after using a custom snippet (e.g. typing "doc" and it suggesting "document"), set the tab stop to $0 rather than $1. Turns out they count from 0, so it won't "exit snippet mode" until you hit tab 1 more time if you use $1 as the first tab stop. :)

[methkalkhalawi]

Hey Brad, I want to say that you are making the best content regarding web tutorials on the whole of youtube. Can you make a series of making web apps with Django? I would be very grateful. Thanks, man for existing on youtube

[Ebbzzor]

Weird how I worked on a bunch of custom snippets a few hours ago and then you released this vid rofl

[yahyeabdirashid]

the "tab" thing is very cool thanks

[Diewux]

where I was before... been developing for long time, never ever tried those, now gonna be hella efficient, thanks

[TimurBahmudov]

There's vs code extension called easy-snippet, it's much easier to create and manage snippets with it!

[josephelgazar]

I like the idea of the productivity videos you mentioned at the end, looking forward to seeing those.