You missed this one: ul>li*4{list-item-$} this will create 4 list items inside an ul and each of them will have an innerText of list-item-1/2/3/4 there is also something called wrap abbreviation which can be accessed from the command palette and can be used for wrapping elements with containers after creating them
yeah yeah. and we can also use it for tags: div[class="divs div-$"]*4 will create 4 div items with class "divs" and a unique class for each div in order "div-1" div-2" "div-3" "div4" classes.
you all prolly dont give a shit but does anybody know a tool to log back into an Instagram account..? I was dumb forgot the password. I would appreciate any tricks you can offer me.
I've been struggling to create a website for a month because i don't know what this type of shortcut called. Now i already created 2 websites in just a month bcs of this vid. Really, thanks!
HEY thanl yu so so much for this video! I moved from Sublime to VS and was absolutely lost on how to use shortcuts for the code typing. This video was incredibly helpful, thank you again!
ive dipped my leg up to my ankle into programming and web development and I am honestly just gobsmacked at the amount of learning, memorization and skill required to code professionally. How do you not just go full Office Space on your hardware?
More videos of this please I am making a list of this for reference just put it on the wall and if I need it I will just pinpoint it. Btw thanks for this video it helps a lot. Blessed you.
Very well explained. Clearly you put a lot of work into producing these tutorials. So thank you for sharing. You mentioned you do a coding live-stream? Could you post the link for that? Thanks again, and do keep up the excellent work.
Wow! This is going to help out a bunch. I'm still a new coder, so is this package I need to get on VS Code? What are some useful tips you have for a beginner learning Frontend Development?
your guiding way is awesome. thank you for it. but i can not get the tag or any shortcut on my mac. did you install special apps for it . or it comes automatically please help me. i am using the latest version of vs code and already i have install some apps for python programming and javascript thank you
Wounderfull vedio , very helpful. plz can you tell me how to move multiple lines in right and left direction (in visual Studio codet) to look code better. thanks
After using shortcuts to create the elements how do you move cursor from middle of angled brackets to the end of the line? Are you just simply using the "end" key or is there another shortcut?
Not sure either you are excellent programmer or video editor cos we watch your videos for programming stuff and you inspired us with your editing skills!
One shortcut I always see is how users are able to delete the whole line their cursor is in without selecting it. I have to experiment when I get on my computer because I found a ton of answers and not sure which is correct… cntrl + L , cntrl + C , cntrl + shift + K, cntrl + alt + K ….. ?
The first one used to work, but suddenly for some reason it doesn't work now. If I type the exclamation mark now, it's just showing the exclamation mark now, not the boilerplate HTML. Can somebody tell me the solution?
when i click enter after inputting my text, it just moves the end tag to a new line. ex. Hello World what i want is Hello World then next line. How do I do that? what button to I click without having to move my mouse cursor to the end of the end tag?
You missed this one:
ul>li*4{list-item-$}
this will create 4 list items inside an ul and each of them will have an innerText of list-item-1/2/3/4
there is also something called wrap abbreviation which can be accessed from the command palette and can be used for wrapping elements with containers after creating them
Thanks for sharing! Great tip 🔥
yeah yeah. and we can also use it for tags:
div[class="divs div-$"]*4
will create 4 div items with class "divs" and a unique class for each div in order "div-1" div-2" "div-3" "div4" classes.
Thanks dude ,,,,,
thank you
Ahhh! This is literally everything I needed to know. Definitely bookmarking this for future reference 😅 Thank you for another great tutorial!
yay!! There are a lot more shortcuts I could probably take advantage of, but I haven't learned them all yet haha 😂
@@TheCoderCoder But we would definitely learnt the all the things from u. 😉
you all prolly dont give a shit but does anybody know a tool to log back into an Instagram account..?
I was dumb forgot the password. I would appreciate any tricks you can offer me.
1 more Emmet shortcut she didn't tell in this video
For creating type of a tag
Example
Input:submit
Result,
@@MYRZO28 Thanks! Loved it
Just started using VS Code and this video is a great jump-start to efficiency. Excellent content. Subscribed.
I've been struggling to create a website for a month because i don't know what this type of shortcut called. Now i already created 2 websites in just a month bcs of this vid. Really, thanks!
HEY thanl yu so so much for this video! I moved from Sublime to VS and was absolutely lost on how to use shortcuts for the code typing. This video was incredibly helpful, thank you again!
Thanks for sharing Jessica. Who doesn't like cool stuff that saves time and lessens the pain-points of writing code?
Learning coding and am using vs code as my code editor. Your tutorials are just simple and easily understood
I've been using VSCode for a while and realized recently that I didn't even know how to utilize emmet! This video was awesome and super helpful =)
Nice, love the one which saves you typing div before the class
I watched this video few weeks back.
Since then I've been able to write more codes in a shorter time. Thanks Alot, this really helped.
YOU ARE SO HELPFUL!!! Thank you so much !
Thanks for this video, especially the word wrap. I've also wanted to figure that out.
Awesome, I'm glad this could help!
During this whole video, I was just like: WOW! so so so cooool!
you can press crtl + enter to enter a new line below the one you're on; instead of going to the end of the line and then pressing enter.
I am a completely new to the coding world, and your tips are very helpful. Thank you so much for making this video.
Thank You,
it was a great video.
I also like wrapping the tag functionality of the emmet.
Glad you liked the video!
Eventually I always come back to this amazing video!
You deserve more subscribers & have the best tutorials I’ve found on the web so far. 🙌☺️😬🌿
Thank you!!! You always get straight to the point! Love it here 🍻
ive dipped my leg up to my ankle into programming and web development and I am honestly just gobsmacked at the amount of learning, memorization and skill required to code professionally. How do you not just go full Office Space on your hardware?
just what I was looking for. awesome stuff. thank you for posting.
Thanks, these shortcuts were much needed
Amazingly cool tips, thank you!
This is what I was hunting for since long days ..! Thanks.!
this is really helpful. i really appreciate this!!!
I learn a lot from this video. Thanks
I have been looking for this for last one month
Thank you. I appreciate you for such simple explanation of information.
More videos of this please I am making a list of this for reference just put it on the wall and if I need it I will just pinpoint it. Btw thanks for this video it helps a lot. Blessed you.
my favorite emmet shortcut
div*50>{$}
1 to 50 numbers wrapped with div tag
Thank you
I love your channel on youtube, thanks for help me, greetings from Chile
great video to watch when starting web dev as a beginner. loved this video.
Good job! Nice video :)
That was so helpful! Thank you so much!
That's really helpful, will definitely contribute to my html productivity! Thank you.
Came after watching your video on freecodecap. You go girl.
These are all my favorite ❤️ Emmet shortcut.
save lot of my time and help me to code fast thank you coder coder
Very well explained. Clearly you put a lot of work into producing these tutorials. So thank you for sharing. You mentioned you do a coding live-stream? Could you post the link for that? Thanks again, and do keep up the excellent work.
Thanks so much!! 🙏 I have some playlists created with my live coding streams-- hope you enjoy!
Coder Coder I think live coding one is the greatest one for me.
Thanks for your great effort, very informative as always!!
This is awesome. Wish I knew it long before, but I'll put it to good use from now on. :)
Great video! You can write p*5>lorem20 instead of (p>lorem20)*5, at least I find that easier :)
Exactly what I was looking for, Super Explanation , thank a lot
Could you make a video on the pre-built-in VS Code Shortcuts and how we can modify those VS Code Shortcuts?
What a great video! Thank you so much!
Thank you for this video. It's saved me a lot of time!
Wow amazing productivity booster. Now I need to wean myself away from the mouse and more toward keyboard shortcuts.
Wow! This is going to help out a bunch. I'm still a new coder, so is this package I need to get on VS Code? What are some useful tips you have for a beginner learning Frontend Development?
this is so great, thank you soooooo much 😁
This is what i was literally looking for tnx!
your guiding way is awesome. thank you for it. but i can not get the tag or any shortcut on my mac. did you install special apps for it . or it comes automatically please help me. i am using the latest version of vs code and already i have install some apps for python programming and javascript
thank you
Wounderfull vedio , very helpful.
plz can you tell me how to move multiple lines in right and left direction (in visual Studio codet) to look code better. thanks
Thank You helped me, from now on i will watch all your videos.
After using shortcuts to create the elements how do you move cursor from middle of angled brackets to the end of the line? Are you just simply using the "end" key or is there another shortcut?
You are my coding hero!
Great video 👍🏽
Thanks!!
Thanks alot for this video..
They are very helpful
Brilliant tutorial! Very informative and useful!!
Thank you for the great video. I needed this since I'm trying out the emmet
That’s a pretty awesome tool!! Thanks for sharing.
I was wondering about the shortcut you use in your videos Tnx for this
Being a beginner it meant very helpful..
Not sure either you are excellent programmer or video editor cos we watch your videos for programming stuff and you inspired us with your editing skills!
Cool teacher ever lots of love from india..
That makes my life so easy Thank 😄
Nice concise, practical video - thanks!
wow... you did an emmet video!!! cheers!!
haha yes! Thanks for the suggestion last time! :)
One shortcut I always see is how users are able to delete the whole line their cursor is in without selecting it. I have to experiment when I get on my computer because I found a ton of answers and not sure which is correct… cntrl + L , cntrl + C , cntrl + shift + K, cntrl + alt + K ….. ?
I am bigner coding.very useful information
I know another cool trick you can do that no one's talking about if you do this code "(li*5)*5" it will create 5² li elements which is 25.
Excellent and simple! Thanks!
thanks for making this video. very helpful.
Hi you know what I learn HTML and CSS in just one of ur videos its really helpful can I ask something can I make a voting system just using vs code?
Thank you so so much !!
I knew this,
after
seeeing this video
thanks so much for the useful shortcuts just discovered you from instergram a few weeks ago
thank u so much!! this is a timesaver and its so useful 🙌
thank you so mush this helped me alot
You have really helped me with these tips
Wonderful I didn't know you can do this. I'm writing an eBook so this will help me a lot.
Can you have the cursor jump between tags? This would be huge when filling out multiple tags (when the {text}) syntax isn't enough).
Excellent tutorial.
you are Solve my lot of problems
thanks you !!!!!!!!!!!!!!!!!!!!
Thank you! You are a good instructor.
Very helpful. Thanks!
Thanks a lot for this video.😀
The first one used to work, but suddenly for some reason it doesn't work now. If I type the exclamation mark now, it's just showing the exclamation mark now, not the boilerplate HTML. Can somebody tell me the solution?
Hi 👋🏾
Thanks for the shortcuts
Pls what extensions can i use to get the autocomplete function for bootstrap classes on vs code?
when i click enter after inputting my text, it just moves the end tag to a new line.
ex.
Hello World
what i want is
Hello World
then next line.
How do I do that? what button to I click without having to move my mouse cursor to the end of the end tag?
Absolutely amazing
Great tips!
Thank you!
Really helpful, thank you👍
Hey, thank you for the video!
Thanks a lot for the teaching 💞💞🙏🙏👌
thank you! I learn a lot from you. Which theme are you using in VS Code?
thanks so much for the useful video "Love form India"
[Good Job]*100
thank you for your sharing
i am study form online
this is very useful for my life
Thanks for the video, it helped alot cheers. Happy New Year in advance!