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!
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.
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.
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.
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.
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}}`
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
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. :)
Reactjs Code Snippets and Simple React Snippets are good alternatives to ES7 React/Redux/GraphQL/React-Native 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.
Great topic and very well presented Brad. I really enjoy your videos; I'm also in several of your Udemy courses. Thanks for your instructional videos, always top notch!
Thanks Brad. Is there a way I can pass a number as an argument to the snippet ? For example: array(3) --> let $1 = [ $2, $3, $4, $5 ] .... the work around would be to duplicate the snippets with arrays by giving them each a number where array2 ---> let $1 = [$2, $3]. If I could pass an argument this would come in handy for objects where you have alot of name :value.
Dreamweaver snippets were so much easier, you just select the snippet you want from a list and it pastes it at your cursor. Is there an extension in vs code that does that?
I noticed at the end that the JS variable inside the backticks was converted simply to PORT. How you write the ${PORT} inside the snippet so it's not converted to a snippet tabstop?
Are there any speech to text plugins for VScode that could incorporate this? Also I noticed that when you are tabbing through a snippet, you can't invoke other snippets like your "cl" you tried to do??
Thanks. Very helpful. Btw, any video on how to create snippet for visual studio? I just set up 2017 for ue4 and wondering the same function in vs 2017.
Cool thank you for the vid. Is there any possibility to extend the array function with the type of the array onto the type of the generated param? (Typescript)
This is so cool! Quick question, Brad. Whenever you use curly braces, VS code spaces it out perfectly for you. How do you make that happen. Ive been looking all around to see how you do that.
Hey Brad, do u think u can do a video about scaling an app? Like most tutorials u see around are working prototypes but really I don't think they would hold up if u throw a few thousand users at them. What do u do when u wanna scale an app for hundreds of concurrent users for instance?
It wasn't working for me, but i think is because the file I was trying to use is labeled as react code (it shows that "atom" icon) and not a js file that is what I needed, So I created a global snipped and it finally worked
Hi, havent think about making a custom terminal as vscode`s?
5 років тому
Why 99% of videos about snippets are with js? I try to use that snippet-generator.app to create HTML code, but it gives me an error. I can't know if the syntax is wrong because there are no videos with HTML examples. Anyway, thanks for the video
Hi admin I'm trying to generate a snippet in VSCode like this: "example":{ "prefix": "example", "body": [ "{$1$}" ] } And I get the output as: {$}. But the result I want is: {$1$}. So what can I do? Thanks.
Hello sir. i have question. I have make it snippet code in my vs code. How i share with another person or how to save my snippet code or if i uninstall vs code after install vs code so my snippet code as well or delete all my snippet code?
@@galishnikov_ru I'm not talking about the udemy course, He has a Learn the MERN Stack playlist in youtube, I want to have authentication in that.. Is that in the course? Cuz, I'm not enrolled in that..
I use manny snippets but for example after i use my $1 and tab to $2 my text is higlighted and autocompleat dont work again unless i click esc anyone know how to fix that
Where can I find all of the snippets that come with VCSode. I tried your example "people." and I always get. -------------------------- import { prependOnceListener } from "cluster"; prependOnceListener. ------------------------------------------ as soon as I type the period. I have found some snippets that I have disabled/uninstalled but this is really annoying. Does anyone know where I can find this snippet? Thanks
Does anybody know how you can create your own custom vs code snippets that use multiplication like the snippets Emmet gives your...for example: li*2 wil output: does anybody know how you can make your own snippets that work like that? and a follow up question: How could a create something like when I write m25 it gives me margin:25px; but if I writeany other number it give me that number after "margin:" ?
It's 4:55am here in India and I have the exact same level of enthusiasm watching Brad's videos as at 7pm
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!
how????
Couldn't agree more with you IamMclov1n25
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.
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!
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.
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.
Thanks man, I could never imagine that someone could create a web app to help folks create IDE snippets !!!!
Brilliant, as always! And I could listen to that 'easy on the ear' voice all day!
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.
I was just messing with it yesterday, and Bam, today this video pops up! Awsm💯
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}}`
Weird how I worked on a bunch of custom snippets a few hours ago and then you released this vid rofl
Was all ready for this..thanks brad
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
where I was before... been developing for long time, never ever tried those, now gonna be hella efficient, thanks
I'm in your Udemy courses and they're great! I'm happy to have found your Udemy courses and your UA-cam channel. (-:
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. :)
the "tab" thing is very cool thanks
Whenever I need help bred is always there for me, Thanks a lot!
I like the idea of the productivity videos you mentioned at the end, looking forward to seeing those.
This is one of those "once you know" type things... It's obvious how it works, but for some reason not very intuitive. Great video man!!
this really helped me! thanks a hell of a lot!
Excellent introduction to creating and using snippets in VSC. Thanks, Brad
{2021-09-07}
Twitter Notification + UA-cam new upload from Brad Traversy ❤💙💚
Reactjs Code Snippets and Simple React Snippets are good alternatives to ES7 React/Redux/GraphQL/React-Native 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.
Haha Thanks, Man, Today I was thinking about learning VS Code and here we go. Love from Pakistan
Haha this is perfect timing. I was just looking into making something like this for myself
Same
Thanks for doing this man it’s helpful
Thanks for great tutorial! as I see on the video how to jumping to the next block in vs code?
There's vs code extension called easy-snippet, it's much easier to create and manage snippets with it!
👍Very helpful! Is there also a way to insert a tab stop and when it is entered that the same is automatically inscribed in another place?
You are doing very good work sir thank you very much I have learned a lot from your videos
This is excellent! Thanks Brad!
Thanks! This is really helpful.
You forgot the link to the VSCode Extension video in the description tho ;D
Snippet making is an inner VS Code functionality (through F1) and now I know how to use it, great thanks to BT
Again thank you very much Brad.
Thank you for this video. Very helpful
Microsoft must pay you for this video ♥
If that were the case, he would be on Windows :)
Great topic and very well presented Brad. I really enjoy your videos; I'm also in several of your Udemy courses. Thanks for your instructional videos, always top notch!
Thanks Brad. Is there a way I can pass a number as an argument to the snippet ? For example: array(3) --> let $1 = [ $2, $3, $4, $5 ] .... the work around would be to duplicate the snippets with arrays by giving them each a number where array2 ---> let $1 = [$2, $3]. If I could pass an argument this would come in handy for objects where you have alot of name :value.
Thank you so much Brad!! You´re a hero
a looooooooooooooooooooooooooooooooooooot of thanks Brad this will facilitate my work ❤❤❤❤
Dreamweaver snippets were so much easier, you just select the snippet you want from a list and it pastes it at your cursor. Is there an extension in vs code that does that?
Thanks again brad for this awesome free content
I noticed at the end that the JS variable inside the backticks was converted simply to PORT. How you write the ${PORT} inside the snippet so it's not converted to a snippet tabstop?
Are there any speech to text plugins for VScode that could incorporate this? Also I noticed that when you are tabbing through a snippet, you can't invoke other snippets like your "cl" you tried to do??
Thank you, it help me a lot
Thanks. Very helpful. Btw, any video on how to create snippet for visual studio? I just set up 2017 for ue4 and wondering the same function in vs 2017.
nice tut. Thanks Brad :D
You are Awesome Brad😎
Cool thank you for the vid.
Is there any possibility to extend the array function with the type of the array onto the type of the generated param? (Typescript)
This is so cool! Quick question, Brad. Whenever you use curly braces, VS code spaces it out perfectly for you. How do you make that happen. Ive been looking all around to see how you do that.
it's prettier extension I guess
This is great! Thank you
Hey Brad, do u think u can do a video about scaling an app? Like most tutorials u see around are working prototypes but really I don't think they would hold up if u throw a few thousand users at them. What do u do when u wanna scale an app for hundreds of concurrent users for instance?
Thanks a lot, This helped me to gain a lot of time 👍
"Server running on port PORT" Wasn't that supposed to change to 8000? Or you need to press tab again?
Newbie here. Would I have to add the json file to every new project folder to access the snippets? Can I save it globally somehow?
Hey Brad .Will you be making any course on golang on Udemy ?
It wasn't working for me, but i think is because the file I was trying to use is labeled as react code (it shows that "atom" icon) and not a js file that is what I needed, So I created a global snipped and it finally worked
Thanks, great tutorial
Cool! Thanks. But the last variable "PORT" in the last snippet "expsrv" wasn't formatted correctly (Template Strings)
${${PORT}} to format it correctly
@@darkomega2981 an alternative way is \\$ as in console.log(`Server Running On Port \\${PORT}`));"
brad pls teach us c++ i'm crying with these videos on youtube there is no single good tutorial omg
There is a good channel specifically on c++ called "The Cherno Project". I learned c++ a lot from him. He is also really good at teaching.
Can you make a vscode playlist of all your vscode tutorials>?
Hi, havent think about making a custom terminal as vscode`s?
Why 99% of videos about snippets are with js? I try to use that snippet-generator.app to create HTML code, but it gives me an error. I can't know if the syntax is wrong because there are no videos with HTML examples. Anyway, thanks for the video
Hi admin
I'm trying to generate a snippet in VSCode like this:
"example":{
"prefix": "example",
"body": [
"{$1$}"
]
}
And I get the output as: {$}.
But the result I want is: {$1$}. So what can I do? Thanks.
How do you get the suggestion drop list after typing in cl? Mine doesn't show up anything.
Hello sir. i have question. I have make it snippet code in my vs code. How i share with another person or how to save my snippet code or if i uninstall vs code after install vs code so my snippet code as well or delete all my snippet code?
Thank you soooo much Brad
Brad Please also make a video on how to debug the node js application in vs code with possible example.
On your last snippet the ${PORT} Was taken as a placeholder you need to escape it maybe.
Awesome, thank you!
Thank You. Brad!
Thank you so much!
Please Add Authentication in your MERN Stack App please. Sir!
@@galishnikov_ru I'm not talking about the udemy course, He has a Learn the MERN Stack playlist in youtube, I want to have authentication in that.. Is that in the course? Cuz, I'm not enrolled in that..
@@kameshkotwani Yes it does have the authentication part. Check out www.udemy.com/mern-stack-front-to-back/
Line 11.. the inerpolated PORT isn't showing up?
Hi,
are you also covering someday IT-Security in WebDev? Cheers Happy weekend.
HI. It doesn't works for me when I try to get it to a new Javascript file, it's failed.
I'm loving it 😍😍😍😍😍
Can you make a course in the new Ionic 4
is HTML the same as a snipping code?
not able to get the snippet after writing the prefix.
useful Method Thanks.
Wonderful thanks
In the last snippet the ${PORT} became just PORT. You probably need to escape the $.
Great but I would like to change the colour of my snippets :(
Can we create an entire file into snippet, because it's way too large
amazing bro!!!
Pretty useful stuff (y).
"If you understood artificial intelligence, how valuable would you be?"
I use manny snippets but for example after i use my $1 and tab to $2 my text is higlighted and autocompleat dont work again unless i click esc anyone know how to fix that
1 min silence for those who disliked this.
Where can I find all of the snippets that come with VCSode.
I tried your example "people." and I always get.
--------------------------
import { prependOnceListener } from "cluster";
prependOnceListener.
------------------------------------------
as soon as I type the period. I have found some snippets that I have disabled/uninstalled but this is really annoying.
Does anyone know where I can find this snippet?
Thanks
Does anybody know how you can create your own custom vs code snippets that use multiplication like the snippets Emmet gives your...for example:
li*2 wil output:
does anybody know how you can make your own snippets that work like that?
and a follow up question: How could a create something like when I write m25 it gives me margin:25px; but if I writeany other number it give me that number after "margin:" ?
Thks Brad
I’ve do this in vim alot
Alway excelent !!!
Thank you! ♡ ♥💕
Tq so much bro...
Vs Code have extension to create snippet