14 Essential VS Code Plugins for Productivity || Web Development 2021
Вставка
- Опубліковано 16 лип 2024
- Today we're gonna look at 14 Essential VS Code plugins to increase productivity and save time.
Emmet cheat sheet - docs.emmet.io/cheat-sheet/
Desk pins - deskpins.en.softonic.com/
Article : www.freecodecamp.org/news/10-...
Time Stamps -
0:00 - Intro
0:56 - VS Code Setup
6:17 - Emmet + Intellisense
13:13 - Auto close tags
13:59 - Auto rename tags
15:12 - prettier
17:28 - Desk pins
19:15 - px to rem
20:29 - path intellisense
22:53 - Flexbox Cheat Sheet
25:10 - Grid Snippets
26:26 - bracket pair colorizer
28:30 - Live server
30:13 - Live SASS Compiler
32:34 - Material icons / VS Code icons
34:00 - pola code
35:38 - code time
CSS Box Model -
• Learn CSS Box model wi...
CSS Media Queries -
• Learn CSS Media Query ...
Have a Question or Project idea? Let me know about it in the comment box down below. 👇
Both Suggestions & Criticisms are Highly Appreciated ❤️
Follow me on:
👉 LinkedIn : / joyshaheb
👉 Twitter : / joyshaheb
👉 Instagram : / joyshaheb
👉 Github : github.com/JoyShaheb
Queries Solved -
1) VS Code plugins for productivity
2) VS Code plugins to save time.
3) VS Code Plugins for web development
#CSS #WebDev #Frontend
![CSS Units [REM, EM, VW, VH, %] explained with examples || CSS 2021 ✨✨](http://i.ytimg.com/vi/6uJPTM0AaFc/mqdefault.jpg)
![CSS Units [REM, EM, VW, VH, %] explained with examples || CSS 2021 ✨✨](/img/tr.png)
Wow, you had 6 on the list that are real value adds &/or time savers that I did not have in my toolbox. Also, using “open with” is something that I have consistently overlooked and will save me much time when I use it. Good stuff, bro !! Keep on truckin’…..
please give more video you class is very nice.
Thank you so much for the video, by far the best one I have found on this topic.
Thank you, Joy. I have so love for the work and I love your energy too.
For mentorship visit : www.mentorlabs.academy/
when will we get that figma video ? :D
@@thkhan 10th this month 😁
Just started learning Python 3 weeks ago and was reading an article on FreeCodeCamp which directed me here.
Subed
Thank you so much joy, I really like your videos. You have a way of simplifying concepts.
Most welcome. I'm glad you loved it 🌹
I can't wait part2
Good content... Waiting for part 2 as well
thanks man...these are very useful..
another greate video.
Thank you
So benefical video 🎉 thank you my friend 🎉
BTW Vscode now supports most of the features out of the box which required plugins at the time of creation of this video.
tnx you very much
Awesome Bro 👍😊👌
Need Bootstrap Tutorial 🙏🏻 Ur Explanation is Superb 👍
Thank you bro 😘
Most welcome 🌹
I like your channel very much 😊🥰
Nice video but I want to notice something about the "px to rem" plugin: it's acting incorrectly because, in the example, you have an html font-size of 20px and, then, you're trying to convert the following 30px to rem...and it gives you 1.875rem so I thing the plugin always calculates from a starting point of default (16px) and doesn't look, as it should instead, for a value set by the user (like 20px in this case)
Are you from Bangladesh? Amazing tutorial.
Next video and blog on DOM
vi next part chai
The PX to rem converter works with your assigned font-size or the default 16px font-size ??
works everywhere
@@JoyShaheb thanks... You are doing a great job Chief... I watch all your videos...
@@manlikecess I'm glad you loved my works 🌹💐
I didn't see the link to the Emmet cheatsheet
Look at the first link in the description
Bro
man whats up with the fake accent you got it's straight looks like you are faking it ..... content is good but no need to fake accent be who you are.... it sounds worse than orignal