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.
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!
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.
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?
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 ….. ?
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.
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.
how to remove spaces between line number and code line? for example, look at 0:54 Meta, title tags inside head have two spaces but there are 4 spaces in my vs code app. how to change this setting?
How did you jump to the end of the line? I am having trouble because I have a 60% keyboard without arrow keys and I have to know how to move around the lines of code without having to jump to my mouse and move it manually every time😂
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?
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?
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?
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!
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
somebody please tell me how to jump to the other side of a closing tag without using mouse or arrow key (eg-she jumped to the other side of the h1 tag here 1:39)
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 wanna make Ul tags with ancher links , I don't know how to put # automatically for hrefs . I write Ul>li*4>a and I have to put # for each link , is there a way I can also give this value to hrefs. Thx a lot
I actually have a question When we signup on a website We feed all the details to create account Then in a second we receive mail from that website The mail asks to click on the link to verify your account As we click on the link The web page comes showing your account successfully created This is what my question is How to generate this automated transaction when the user creates the account and receive a mail
Thank you! That's great for adding new html, but what if you want to, say, add a DIV around existing elements or text? Is there any way to select text and have emmet generate begin & end brackets around it?
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
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!
Just started using VS Code and this video is a great jump-start to efficiency. Excellent content. Subscribed.
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
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!
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 =)
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 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.
Learning coding and am using vs code as my code editor. Your tutorials are just simple and easily understood
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?
I am a completely new to the coding world, and your tips are very helpful. Thank you so much for making this video.
Thanks for sharing Jessica. Who doesn't like cool stuff that saves time and lessens the pain-points of writing code?
Nice, love the one which saves you typing div before the class
You deserve more subscribers & have the best tutorials I’ve found on the web so far. 🙌☺️😬🌿
During this whole video, I was just like: WOW! so so so cooool!
Thank you
Thank you!!! You always get straight to the point! Love it here 🍻
Eventually I always come back to this amazing video!
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 ….. ?
just what I was looking for. awesome stuff. thank you for posting.
Could you make a video on the pre-built-in VS Code Shortcuts and how we can modify those VS Code Shortcuts?
This is what I was hunting for since long days ..! Thanks.!
Thank You,
it was a great video.
I also like wrapping the tag functionality of the emmet.
Glad you liked the video!
Thanks, these shortcuts were much needed
great video to watch when starting web dev as a beginner. loved this video.
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!
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.
Came after watching your video on freecodecap. You go girl.
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.
I love your channel on youtube, thanks for help me, greetings from Chile
Thanks for your great effort, very informative as always!!
Thank you. I appreciate you for such simple explanation of information.
I have been looking for this for last one month
my favorite emmet shortcut
div*50>{$}
1 to 50 numbers wrapped with div tag
how to remove spaces between line number and code line? for example, look at 0:54 Meta, title tags inside head have two spaces but there are 4 spaces in my vs code app. how to change this setting?
These are all my favorite ❤️ Emmet shortcut.
I learn a lot from this video. Thanks
How did you jump to the end of the line? I am having trouble because I have a 60% keyboard without arrow keys and I have to know how to move around the lines of code without having to jump to my mouse and move it manually every time😂
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?
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?
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?
That's really helpful, will definitely contribute to my html productivity! Thank you.
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!
Exactly what I was looking for, Super Explanation , thank a lot
That was so helpful! Thank you so much!
Great video! You can write p*5>lorem20 instead of (p>lorem20)*5, at least I find that easier :)
Amazingly cool tips, thank you!
this is really helpful. i really appreciate this!!!
Brilliant tutorial! Very informative and useful!!
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
You are my coding hero!
This is awesome. Wish I knew it long before, but I'll put it to good use from now on. :)
hi! Which emmet are you using? There seems to be a lot of emmet extensions in the marketplace.
Can you have the cursor jump between tags? This would be huge when filling out multiple tags (when the {text}) syntax isn't enough).
This is what i was literally looking for tnx!
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
i feel like a cavemen discovered fire lmao
note: also u can just leave it just a "#" or/with " . " and u have blank div ()
Thank You helped me, from now on i will watch all your videos.
Thank you for this video. It's saved me a lot of time!
Thank you for the great video. I needed this since I'm trying out the emmet
Hi 👋🏾
Thanks for the shortcuts
Pls what extensions can i use to get the autocomplete function for bootstrap classes on vs code?
guys which emmet extension should i go for in vscode?
there's alot of emmet extensions
If there are 4 div tags and we have edit and write class in every 4 div tag at once how to do ??
save lot of my time and help me to code fast thank you coder coder
Good job! Nice video :)
Wow amazing productivity booster. Now I need to wean myself away from the mouse and more toward keyboard shortcuts.
What a great video! Thank you so much!
That’s a pretty awesome tool!! Thanks for sharing.
Cool teacher ever lots of love from india..
wow... you did an emmet video!!! cheers!!
haha yes! Thanks for the suggestion last time! :)
this is so great, thank you soooooo much 😁
Nice video, but how do I activate this emmt feature? In my VS Code non of the shown examples work.
Nice concise, practical video - thanks!
somebody please tell me how to jump to the other side of a closing tag without using mouse or arrow key (eg-she jumped to the other side of the h1 tag here 1:39)
how will you add for existing bulk story you have from note pad?
Very good do you have a video, on how to code a full website, with VS code?
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?
Hy, how to auto indent nested HTML tags in VS Code?
You have really helped me with these tips
Thanks!
Great video 👍🏽
Thanks!!
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?
Thanks for the video, it helped alot cheers. Happy New Year in advance!
thank u so much!! this is a timesaver and its so useful 🙌
Thanks alot for this video..
They are very helpful
thank you! I learn a lot from you. Which theme are you using in VS Code?
Thank you so much! I had a doubt, is there a short-cut, which adds tag to the sentence?
thanks so much for the useful shortcuts just discovered you from instergram a few weeks ago
When I wanna make Ul tags with ancher links , I don't know how to put # automatically for hrefs . I write
Ul>li*4>a
and I have to put # for each link , is there a way I can also give this value to hrefs. Thx a lot
ul>li*3>a: then select a:link
Excellent and simple! Thanks!
Ahhh! This is literally everything I needed to know. Definitely bookmarking this for future reference 😅 Thank you for another great tutorial!!!!!!!!
That makes my life so easy Thank 😄
Excelent video, thanks, really i don't know the commands for emmet in vscode, in sublime text are another thing. What extentions do you use in vscode?
Being a beginner it meant very helpful..
I actually have a question
When we signup on a website
We feed all the details to create account
Then in a second we receive mail from that website
The mail asks to click on the link to verify your account
As we click on the link
The web page comes showing your account successfully created
This is what my question is
How to generate this automated transaction when the user creates the account and receive a mail
rakshit arenja - full stack web development
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.
new subscriber from philippines , very informative video appreciated , ill surely copy this
Thank you! That's great for adding new html, but what if you want to, say, add a DIV around existing elements or text? Is there any way to select text and have emmet generate begin & end brackets around it?
CTRL + SHIFT + P -> Wrap with abbreviation
This is for any future watchers. I know this comment is 3 years old