Two personal must-haves for me are Todo Tree (extends the custom tracking of TODOs to a customizable list of code words) and Rainbow Brackets (for when your statements get a bit too self-embedded). Heartily recommend both.
Dude, seriously, thank you so much! That was really clear and really helpful. I so appreciated that you actually showed what each one does in real time.
Thanks so much! Just started HTML+CSS and really love VCS so far. Just didn't know where to start with extensions for what i need. You explained all of these so well.
Hell yes man, thank you for the suggestions. I’m barely getting back into HTML and I didn’t really use it much outside of school, so it’s nice to improve quality of life
Extension config is outdated bro. 1. Auto-rename for HTML is inbuilt into VScode under the setting "editor.LinkedEditing". The only reason to run the extension is if you want additional capability in js or jsx files. Note if you don't like the red background highlight you can style that using - "editor.linkedEditingBackground". 2. Instead of "IntelliSense for CSS" and "CSS peek", you can get rid of both those extensions and just run the "CSS Navigation " extension (by pucelle) instead which gives you the same capabilities, and then some. 3. Lorem Ipsum isn't an extension by itself, it's built into emmet and it's pretty powerful when used with it. For example - div>(p>lorem)*3 Other extensions i recommend: - Auto Schema - File utils (rebind make new file and move file shortcuts) - Path Intellisense - Image preview
As someone who is learning and sometimes get mixed up putting styles on the wrong element, it would be cool if there was some sort of inheritance or relationship tree extension that was color-coded or something, does such a thing exist? Or maybe something like peek but shows you associated elements.
Thank you for this tutorial, but you forgot to clarify how the Lorem Ipsum works to get reduced to the word Lorem3000 instead of appearing that supper long annoying line of dummy text.
I unable to run my html code on vs code they give a error you don’t have html debugger and recommend to download I download 3-4 recommend extension from the list but nothing is working same error came again and again what should I do please suggest.
Excellent! Thank you very much for these suggestions. In my case, "Intellisense for CSS class names in HTML" worked beautifully with Typescript React components.
Very cool and helpful thanks! Not sure why but CSS peek is not working in my workspace, it keeps kind of "loading" (showing a blue bar moving on top) but nothing shows up, any clues?
Thanks, some really useful extensions there. There is one function however that I cannot find anywhere... To be able to inspect an element in the browser/preview then click to edit any of the CSS styles for that element. I can't find an extension for this anywhere. Do you know of one?
Cool, helpfull! But the colors of CSS peek are really bad... I miss Brackets :( Brackets have a wonderfull integrated "peek"... It's possible to change the selcted peeked id/class backgroundcolors?
I assume they called it "prettier" because "uglify" was already taken. 😁 Seriously, prettier is the kudzu of web development. Difficult to contain, and impossible to eradicate once it takes hold. 🤬
Two personal must-haves for me are Todo Tree (extends the custom tracking of TODOs to a customizable list of code words) and Rainbow Brackets (for when your statements get a bit too self-embedded). Heartily recommend both.
Dude, seriously, thank you so much! That was really clear and really helpful. I so appreciated that you actually showed what each one does in real time.
Thanks so much! Just started HTML+CSS and really love VCS so far. Just didn't know where to start with extensions for what i need. You explained all of these so well.
Thanks for putting me on the fast track to setting up VSCode for HTML.
Auto Rename Tag is life saver! :)
Hell yes man, thank you for the suggestions. I’m barely getting back into HTML and I didn’t really use it much outside of school, so it’s nice to improve quality of life
Love the clear explanations of every extension, thanks! :D
Very useful thanks!
With peek you can edit the CSS straight in the peek window, no need for actually visiting the file. it's amazing.
Mad respect my man, thanks for this video im new to coding and this will help me so much. I subbed and liked -_-
probably coolest guy that i saw doing tutorials
Thanks man, it’s helps me a lot , you are amazing.
They are all very helpful. I think they are going to be very handy! Thank you!!
hello! im new to coding, thanks for making this easier!! i look forward to watching more of your videos!
Great tips! Thanks, im like the cool kid in my college course now.
Extension config is outdated bro.
1. Auto-rename for HTML is inbuilt into VScode under the setting "editor.LinkedEditing". The only reason to run the extension is if you want additional capability in js or jsx files. Note if you don't like the red background highlight you can style that using - "editor.linkedEditingBackground".
2. Instead of "IntelliSense for CSS" and "CSS peek", you can get rid of both those extensions and just run the "CSS Navigation
" extension (by pucelle) instead which gives you the same capabilities, and then some.
3. Lorem Ipsum isn't an extension by itself, it's built into emmet and it's pretty powerful when used with it. For example - div>(p>lorem)*3
Other extensions i recommend:
- Auto Schema
- File utils (rebind make new file and move file shortcuts)
- Path Intellisense
- Image preview
lol
Thanks
Auto rename also doesn't work with .vue files
Man this guy seriously his voice is like asmr goes 90s 😂 its soooo good his voice is awesome I can watch this video all day long ❤️
As someone who is learning and sometimes get mixed up putting styles on the wrong element, it would be cool if there was some sort of inheritance or relationship tree extension that was color-coded or something, does such a thing exist? Or maybe something like peek but shows you associated elements.
I'm currently looking for a very basic tutorial of how and what I need to do to Visual Studio Code to start coding .HTML & .CSS basic code.
Thank's bro you help a lot
thank you bro, you are a genius!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Thank you very much. it's really helpful broo..
thanks for all the extensions
Nice job , buddy. tks for you 👍
Awesome and very well explained!! Thanks!
great topic, thanks👍
thank you for you good mood ! you are a cool man
I appreciate your help. Thank you so much.
Excellent extentions you told it helps me a lot
Yes, it is very useful. Thank you!
Really loved this video. It was informative and fun.
So good man . it is so helpfull.
U r the best Mann saved my time 🤝
this is awesome, loved it
Thank you! :)
this is great! :D
This is a great video, thanks a lot!!
Thanks so much! This helped me a lot!
A++ for positivity
nice video
Given too much knowledge
Man, your tutorials are so soothing. Thank you.
Thank you!
If I put .grid, auto-complete wont propigate to make the code. What do I have to install to get this working. I won't make it.
Nice vid. ps change your fire alarm battery
Cool video and great extension thanks so much
Thanks for this _ very helpful 👍
Thank youu!!!!!1
Is there a way to see how many times each extension was installed? Some kind of ranking or something.
Yes, just expand the left pane out a touch and you’ll see the number of installs. You can also go to the vscode marketplace link see it there.
that was grate thank you friend
THANKS A LOT
css peak not working for me, i just see a white line loading at the top
on the 3rd extensions how to go to settings?
Thank you for this tutorial, but you forgot to clarify how the Lorem Ipsum works to get reduced to the word Lorem3000 instead of appearing that supper long annoying line of dummy text.
Super and fun :-)
How is the extension called for the coulours before each lines text?
Indent Rainbow
Thank you so much.
I unable to run my html code on vs code they give a error you don’t have html debugger and recommend to download I download 3-4 recommend extension from the list but nothing is working same error came again and again what should I do please suggest.
thank you buddy👍
awesome tutorial sir
شكرا لك 🌹💕🌷
i think i've found my coding teacher with the jokes🤣🔥🔥
why prettier deletes empty line?
Excellent! Thank you very much for these suggestions. In my case, "Intellisense for CSS class names in HTML" worked beautifully with Typescript React components.
helpful brother
Very cool and helpful thanks!
Not sure why but CSS peek is not working in my workspace, it keeps kind of "loading" (showing a blue bar moving on top) but nothing shows up, any clues?
css peek ain't working for me it keeps on saying
"no definition found"
Great video
How to on color gap columns like in video? smn knows that?
thank you very much
nice bro
continue
thank you
Thanks, some really useful extensions there. There is one function however that I cannot find anywhere...
To be able to inspect an element in the browser/preview then click to edit any of the CSS styles for that element.
I can't find an extension for this anywhere. Do you know of one?
nice video, thanks
How do you get the html and css code to display side by side view? Sure its a toggle.
such a cool guy thank you
Cool, helpfull! But the colors of CSS peek are really bad... I miss Brackets :( Brackets have a wonderfull integrated "peek"... It's possible to change the selcted peeked id/class backgroundcolors?
Out of 10 extensions how much extensions i should download...
You can just use format document instead of prettier...
How can I use the shortcode ctrl + K K. I dont know how use two combination short code. If anyone knows, can teach me?
Dr. Seuss Hop and Pop, I'll take my $10 on paypal thank you
You win! But I said “points”, not dollars. 😉
@@DevelopingDadCodes oh man what's the conversion rate on those
@@ABoringTool unfortunately, they’re a lot like Schrute bucks, virtually useless. 😆
@@DevelopingDadCodes I have some stanley nickels too, what about those?
that live server is made by my friend in college
cool video)
it's Dr.Suess , Cat in the hat
🙌🏾🙌🏾🙌🏾🙌🏾🙌🏾🙌🏾
If it doesn't work for you, search for Default Formatter and select prettier
Looks like VS Code won
what about VS IDE
It comes from the the p tags?
Edit: lol faillllll... it's true, but after reading the comment section....🤦♂️
Only works for HTML. You t need to Paht PHP n ur enviroment variables as too
Brackets pair colorizer
WE ALL ARE TALL ಥ_ಥ
Nice teaching but you probably talking fast 😭😭 Thanks though ✌🏾
I assume they called it "prettier" because "uglify" was already taken. 😁 Seriously, prettier is the kudzu of web development. Difficult to contain, and impossible to eradicate once it takes hold. 🤬
Classic html... "I D u N n O w H a T t O d o W i T h T h a t"
CSS: "I'll help you!" *dies*
Thank you!
Thank you!