No video

How to Setup Tailwind CSS in VS Code?

  Рет қаралды 64,343

Etisha Garg

Etisha Garg

Жыл бұрын

Join the Community → www.jsanytime.com/community/
In this video, I'll show you how you can install Tailwind CSS to your project. I'll not just show you the steps but also the explanation of each and every step. If you're new to Tailwind CSS (@TailwindLabs) and struggling with the installation, follow along with me.
This video is perfect for beginner and experienced developers who are looking to learn how to leverage the power of Tailwind CSS in their web applications.
► Install VSCode : code.visualstudio.com/
► Install Nodejs : nodejs.org/en
► Tailwind CSS Documentation : tailwindcss.com/docs/installa...
#tailwindcss #installation #tailwind #webdevelopment
=========================================
► Follow on Github to get latest source code of projects: github.com/EtishaGarg
► For more content like this, subscribe to my channel: / etishagarg
► Support me to make more such videos
Patreon: / etishagarg
► Follow Me On Social Media
LinkedIn: / etisha-garg
Twitter: / gargetisha
Instagram: / gargetisha
► For business inquiries, reach us on: gargetisha@gmail.com

Пікірлер: 180
@EtishaGarg
@EtishaGarg 10 ай бұрын
How to Setup Tailwind CSS in React JS? 🔗Video Link - kzfaq.info/get/bejne/gpmnfchnm9rQcp8.html
@aluyaehis2061
@aluyaehis2061 5 ай бұрын
Your video really helped me set my tailwind CSS well in the terminal, it was very helpful. But my colour didn't change like your in the background. Can you help me fix the issue too?
@EddyConejo
@EddyConejo 3 ай бұрын
@@aluyaehis2061 You probably didn't link the html to the css
@devrishigupta6223
@devrishigupta6223 3 ай бұрын
how to fix the two warning that is shown " No utility classes were detected in your source files " Please help
@mr.yashff9625
@mr.yashff9625 3 ай бұрын
Trust me I have wasted my 2-3 days but I wasn't getting the best video but this is the best video I will recommend u guys ...😊😊
@kelly_browning
@kelly_browning 11 ай бұрын
BEST TUTORIAL on installing!! I've gone through 4 others and they made it so complicated. Well done!
@Orion599
@Orion599 12 күн бұрын
Hello stranger, don't worry, you're not alone in the struggle. Many of us stare at the documentation, hoping it will start making sense if we look at it long enough
@typowa615
@typowa615 10 ай бұрын
och god I was going through several youtube videos about how to install tailwind and only you could explain it simple and quick. Instant subscribe! thanks !!!
@user-pp4vz4du4f
@user-pp4vz4du4f 7 ай бұрын
i literally watched 100s of videos today , none of them worked , lastly tried yours it worked finally , am so heppy thank u soooo much
@a1m4thah3d
@a1m4thah3d 3 ай бұрын
THANK you SO much for this video!!! I tried several other videos and could never get it but this one nailed it!
@skshaidhossain5460
@skshaidhossain5460 11 ай бұрын
yes i need the react installation with TailwindCSS. Thank you so much for this masterpiece 🙌
@RadwanRa
@RadwanRa 7 ай бұрын
thank you for sharing this video it helped me alot it been an hour im trying to figure it out how to run tailwind i searched alot and finally i found ur video and thank you
@SebooEdits
@SebooEdits 9 ай бұрын
Thank You, Didi. I watched many videos for setting up Tailwind, but none of them were working. After wasting a lot of time on other people's videos, I watched your video. It was very helpful, and you explained every line very well. My setup, which was not working, is now up and running. Thank you so much. Love you didi
@EtishaGarg
@EtishaGarg 9 ай бұрын
Glad it helped
@milankbudha
@milankbudha 10 ай бұрын
thank u so much...i have watched other tutorials but not worked properly...Your tutorial saved my precious time
@mdshuvo-gr7fw
@mdshuvo-gr7fw 4 ай бұрын
Thank you very much for this tutorial I was trying to install it almost for 1 hour but I failed and I was quitting to try then I told myself "I will follow just one last tutorial" and yea it was your tutorial that worked for me 😀
@himanshuchaudhari9235
@himanshuchaudhari9235 6 ай бұрын
Thank you so much. I had spent whole day to figuring it out. But you saved me. 🤓
@user-dk1ns1ih8c
@user-dk1ns1ih8c 5 ай бұрын
Thank you for create sort and informative video.
@Anshydv3
@Anshydv3 9 ай бұрын
thank you so much di , i have watched many videos, but i was unable to install , but you nailed it 🥳
@narendrakajla77
@narendrakajla77 7 ай бұрын
Thankyou so much ❤ very simple explanation and in depth step by step video. Thanks again, please keep making such amazing videos
@dhruthiaddagatla2959
@dhruthiaddagatla2959 21 күн бұрын
Excellent explanation !!! Saved our lives, thanks a ton!! ❤
@timbauer399
@timbauer399 Ай бұрын
Amazing tutorial! Thanks for posting. 🙂
@nitinrai8381
@nitinrai8381 10 ай бұрын
It was so simple prior to this video i was simply doing it by adding cdn thanks alot Etish
@abhishekprajapati5319
@abhishekprajapati5319 4 ай бұрын
very helpful thanks a lot
@adammarley5616
@adammarley5616 6 ай бұрын
Spent 2 days trying to research this setup and watched A LOT of videos. Yours was the best and most up-to-date. Thank you @EtishaGarg
@EtishaGarg
@EtishaGarg 6 ай бұрын
Thanks Adam. Happy to know
@pri8112
@pri8112 Ай бұрын
Thank you sm omg finally i am able to download this
@ManasTunga
@ManasTunga 9 ай бұрын
Thanks for making things simple and easy to understand. Helped me to get started with tailwind
@ananyasingh2864
@ananyasingh2864 7 ай бұрын
hey help me i am not able to do it as the moment i start writing this npm -v it is showing error please help
@ManasTunga
@ManasTunga 7 ай бұрын
@@ananyasingh2864 have you installed nodejs correctly ? npm is a node package manager if you have installed node correctly then npm -v must show npm's current installed version.
@riazmoosani7725
@riazmoosani7725 6 ай бұрын
fantastic explanation. Thank you very much
@prabinchaudhary9691
@prabinchaudhary9691 10 ай бұрын
Tried many but this one worked so well..liked the way everything is explained 😊
@ananyasingh2864
@ananyasingh2864 7 ай бұрын
as the moment i start writing this npm -v it is showing error please help
@lualfemo
@lualfemo 5 ай бұрын
Thanks a lot for this video, you saved my life!!
@shwetachoudhary9003
@shwetachoudhary9003 6 ай бұрын
thank you soo much i was suffering for this..
@contraspower6302
@contraspower6302 29 күн бұрын
Thanks alot very helpful best video🙏
@29ibrahimsayed95
@29ibrahimsayed95 10 ай бұрын
Best one ever. Crystal clear.
@timilehinogunlade5365
@timilehinogunlade5365 18 күн бұрын
thank you very much for this video
@shashank_sharma_7
@shashank_sharma_7 5 ай бұрын
Just perfect. Thanks
@imtisalmustafa3819
@imtisalmustafa3819 7 ай бұрын
Thank you very Much for this .. step by step proper guide
@sameerdevil8875
@sameerdevil8875 22 күн бұрын
It is simple and to the point ❤
@theproactivemindset
@theproactivemindset 10 ай бұрын
What a great explanation! thank you Etisha!
@theCoder010
@theCoder010 9 ай бұрын
@aswinpk2426
@aswinpk2426 7 ай бұрын
It’s really helpful one … thank you so much ❤
@nighthustler15
@nighthustler15 Ай бұрын
That was a nice session!💯
@laurajacobsen1131
@laurajacobsen1131 4 ай бұрын
Thank you. Great video :)
@ashishkumarsharma9606
@ashishkumarsharma9606 11 ай бұрын
Please make separate videos for them it will really helpful to us ❤
@AswinKumar-jo7kg
@AswinKumar-jo7kg 3 ай бұрын
great very best one on installing Tailwind CLI
@graydaff-so4fe
@graydaff-so4fe Ай бұрын
Thank you so much Etisha ! the script was the missing part for me. Very neat tutorial.
@mtnllmtnll
@mtnllmtnll 4 ай бұрын
Thank you so much. I got this bc of you!
@leeeric6292
@leeeric6292 7 ай бұрын
Thanks for your help!
@irfanullah2910
@irfanullah2910 7 ай бұрын
Very interesting and helpful video, easy to understand and grape the concepts.
@Aero_Dev_0
@Aero_Dev_0 5 ай бұрын
Thanks sister, it works
@pradhumansingh8565
@pradhumansingh8565 5 ай бұрын
thanks for giving installetion information.
@ym1188
@ym1188 6 ай бұрын
my style.css was empty but except that everything was fine. I re-opened the terminal, chose my file and re-triend. eventually it is worked. Thanks for the instruction Etisha
@parico4489
@parico4489 4 ай бұрын
YOU ARE A LIFE SAVER THANK YOU
@dekanredar4662
@dekanredar4662 26 күн бұрын
Thank you so much ❤❤
@anasx2700
@anasx2700 4 ай бұрын
Thank you so much.
@user-qt8kc4of9c
@user-qt8kc4of9c 11 күн бұрын
thqu sis
@firdausspensix
@firdausspensix 4 ай бұрын
thankyou this very helpfull
@reelax789
@reelax789 3 ай бұрын
This was the best one
@piyush3819
@piyush3819 5 ай бұрын
thank you so much you help me alot 😊
@himasheshu5548
@himasheshu5548 3 ай бұрын
Thank you madam . video was very helpfull 😁😇
@kawsarmojumdar5192
@kawsarmojumdar5192 7 ай бұрын
Thanks for the awesome tutorial
@funjon2746
@funjon2746 3 ай бұрын
This video was very important for me so thank you very much maym...🥰🥰🙂🙂 I am from bangladesh
@IttractDigital
@IttractDigital 4 ай бұрын
Thank you Didi for this video
@chanchalnishad3
@chanchalnishad3 4 ай бұрын
Thankyou so much ma'am
@zuma573
@zuma573 3 ай бұрын
Thank you very much
@ishaksdt6852
@ishaksdt6852 3 ай бұрын
Thank you so much
@heyOrca2711
@heyOrca2711 7 ай бұрын
Thank you ma'am you helped me a lot
@Master_oogway_loves-you
@Master_oogway_loves-you 2 ай бұрын
My 2 days of suffering is over now 😊 thanks ma'am
@Sohrabziagoogle
@Sohrabziagoogle 11 ай бұрын
thanks for the video, if i have a javascript file in src folder how do i copy it along with css to public folder, i search online but no helpful solution yet, thanks update- found the solution just added && ./src/custom.js --output ./public/custom.js in build
@Ashutosh07535
@Ashutosh07535 5 ай бұрын
why do we need to use npm init -y before starting every project because even if i don't use it then package.json is automatically created after running the Tailwind commands from the Tailwind site
@shubhammaurya3309
@shubhammaurya3309 4 ай бұрын
Thank you didi 🎉...
@victorbabalola6094
@victorbabalola6094 2 ай бұрын
i have a problem, every time i try to change the background color it doesn't work or try to add a new style
@Procomicartist
@Procomicartist 2 ай бұрын
I tried with another video but didn't work can I delete the folder and start all over? Would it affects the next try?
@abhisweb2315
@abhisweb2315 6 ай бұрын
Can u please tell me how should I build a package for deploying the project !!
@rishabhsharma4875
@rishabhsharma4875 3 ай бұрын
Hey, my npx tailwindcss init command doesn't work it show error, can you explain me what problem are in these command?
@user-pe2ox5np9o
@user-pe2ox5np9o 11 ай бұрын
Hello mam , thank you for providing this contents latest video it helped me lot. I was trying to do from last hours after lot of trouble got your video . thank you so much.....
@EtishaGarg
@EtishaGarg 11 ай бұрын
Glad it solved your problem
@robertogutierrez7305
@robertogutierrez7305 8 ай бұрын
You're awesome explaining! Suggestiion: how about DaisyUI and / or Flowbite? Thanks!
@eyuelfrew705
@eyuelfrew705 10 ай бұрын
thank you very much
@HamadKhan-ji9iv
@HamadKhan-ji9iv Ай бұрын
Thank you
@sunilchoudhary8216
@sunilchoudhary8216 7 күн бұрын
Hi unable to get update. every time click live server, when update the page
@wardahshahid2758
@wardahshahid2758 3 ай бұрын
Thankyou :)
@WhatEverTrendingAndMore
@WhatEverTrendingAndMore 2 ай бұрын
Amazing
@saikiran0311
@saikiran0311 Ай бұрын
react vite is support for tailwind css or not
@vishalkumarshaw9208
@vishalkumarshaw9208 11 ай бұрын
Ma'am please make a video on how to do it in a react app with craco. I am not able to do it. My project has been stucked.
@amanverma7977
@amanverma7977 11 ай бұрын
Thank you...
@thedarksterbhupi540
@thedarksterbhupi540 2 ай бұрын
Filhal to Java chal rahi hai but tailwind aapse hi sikhenge 👀❤️
@AbhishekMad-jj6wh
@AbhishekMad-jj6wh 2 ай бұрын
did i have to repeat this process for every html file
@user-jw5qh6nm1l
@user-jw5qh6nm1l 8 ай бұрын
thank you
@naimishdwivedi1307
@naimishdwivedi1307 7 ай бұрын
Thank you mam😊😊😊
@Ayeshasingh720
@Ayeshasingh720 Ай бұрын
thank u ma'am
@hastudent738
@hastudent738 7 ай бұрын
Thank you mam
@saifullahMonmoy
@saifullahMonmoy 8 ай бұрын
Nice Explanation 👍👍
@software69
@software69 4 ай бұрын
Thanks
@VikashUdarsha
@VikashUdarsha 9 ай бұрын
Thanks❣
@SoumyaRanjan-bm9rj
@SoumyaRanjan-bm9rj 2 ай бұрын
After excicuting the command properly in vs code still i am not getting the output.css file
@abdulgaming5018
@abdulgaming5018 4 ай бұрын
iam doing everything right but still last mei bg color implement nia ho rha
@saadbinsharif4132
@saadbinsharif4132 10 күн бұрын
thanks
@anjanadewan144
@anjanadewan144 10 күн бұрын
why the changes are not reflecting in my browser..plzzz help
@luciferneffex3457
@luciferneffex3457 9 ай бұрын
throw error; Cannot find module requireStack:[ ] Please help me out
@SAMURAI232-u3q
@SAMURAI232-u3q 7 ай бұрын
how do you open the terminal ?????
@voyagerajasthaan
@voyagerajasthaan 11 ай бұрын
lovely content
@rakeshdash9213
@rakeshdash9213 11 ай бұрын
Thanks ✅✅
@user-qs4fk6lv5u
@user-qs4fk6lv5u 11 күн бұрын
How to Setup Tailwind CSS in angular v16?
@ayushk.c8395
@ayushk.c8395 7 ай бұрын
--watch cannot be run in terminal ParserError: Line | 1 | --watch | ~ | Missing expression after unary operator '--'.
@abdulmujeebusman1645
@abdulmujeebusman1645 8 ай бұрын
I first tried to do the npm it was saying error then i downloaded node.js still not working 😢 please help
@yudhishthirsharma9083
@yudhishthirsharma9083 5 ай бұрын
Set the path in environment variables
@gauravsinghthakur259
@gauravsinghthakur259 4 ай бұрын
Bro when you type npm don’t give space between -y
@gursimransingh7018
@gursimransingh7018 4 ай бұрын
Use cdn option to use tailwind rather than installing
Вы чего бл….🤣🤣🙏🏽🙏🏽🙏🏽
00:18
OKSII
Рет қаралды 4,5 МЛН
Schoolboy - Часть 2
00:12
⚡️КАН АНДРЕЙ⚡️
Рет қаралды 15 МЛН
Best Toilet Gadgets and #Hacks you must try!!💩💩
00:49
Poly Holy Yow
Рет қаралды 23 МЛН
How to Set up Tailwind CSS Project for Beginners from Scratch
7:04
Tailwind CSS Tutorial for Beginners (2023)
45:19
Etisha Garg
Рет қаралды 10 М.
How to Become a Blockchain Developer from Beginner to Expert | Arcana
8:42
How to Setup Tailwind CSS in React JS?
5:03
Etisha Garg
Рет қаралды 49 М.
12 VS Code Extensions to INCREASE Productivity 2024
27:13
Devression
Рет қаралды 632 М.
Incredible scroll-based animations with CSS-only
32:23
Kevin Powell
Рет қаралды 407 М.
Watching Tailwind Tutorials Is A Waste Of Time
7:56
Web Dev Simplified
Рет қаралды 224 М.
Build any layout with tailwind | crash course
34:28
Hitesh Choudhary
Рет қаралды 64 М.
Вы чего бл….🤣🤣🙏🏽🙏🏽🙏🏽
00:18
OKSII
Рет қаралды 4,5 МЛН