How to Setup Tailwind CSS in VS Code?

แชร์
ฝัง
  • เผยแพร่เมื่อ 26 พ.ย. 2024

ความคิดเห็น • 215

  • @EtishaGarg
    @EtishaGarg  ปีที่แล้ว +10

    How to Setup Tailwind CSS in React JS?
    🔗Video Link - th-cam.com/video/L3wJe66tlBk/w-d-xo.html

    • @aluyaehis2061
      @aluyaehis2061 8 หลายเดือนก่อน +2

      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 7 หลายเดือนก่อน

      @@aluyaehis2061 You probably didn't link the html to the css

  • @mr.yashff9625
    @mr.yashff9625 6 หลายเดือนก่อน +12

    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 ปีที่แล้ว +13

    BEST TUTORIAL on installing!! I've gone through 4 others and they made it so complicated. Well done!

  • @ZaidhAbdulKather-4
    @ZaidhAbdulKather-4 2 หลายเดือนก่อน +1

    I have no words to say because i have been wasting my time with other youtubers videos and couldn't find a way but at last came with your video and turned out Well 👌Thank you so much

  • @ashdevelope
    @ashdevelope 10 หลายเดือนก่อน

    i literally watched 100s of videos today , none of them worked , lastly tried yours it worked finally , am so heppy thank u soooo much

  • @SebooEdits
    @SebooEdits ปีที่แล้ว

    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

  • @adammarley5616
    @adammarley5616 9 หลายเดือนก่อน +2

    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  9 หลายเดือนก่อน

      Thanks Adam. Happy to know

  • @typowa615
    @typowa615 ปีที่แล้ว +2

    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 !!!

  • @AbdulHadi-ek4lk
    @AbdulHadi-ek4lk 3 หลายเดือนก่อน

    wanted to thank u because when i installed tailwind by watching some other videos
    they were not working properly
    then i watched this tutorial and everything worked perfectly fine
    once again
    thank u

  • @devrishigupta6223
    @devrishigupta6223 6 หลายเดือนก่อน +16

    how to fix the two warning that is shown " No utility classes were detected in your source files " Please help

  • @melvinkwakuyawlui
    @melvinkwakuyawlui 2 วันที่ผ่านมา

    After several attempts, this finally worked! Thanks alot

  • @Orion599
    @Orion599 3 หลายเดือนก่อน +4

    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

  • @mukeshmanral1327
    @mukeshmanral1327 หลายเดือนก่อน +1

    best video about tailwind css setup

  • @nkansahchristodia
    @nkansahchristodia 2 หลายเดือนก่อน

    Wow I've been able to install and configure it successfully. Thank so much Etisha. Very effective tutorial. And very inspiring for us ladies in tech

  • @mdshuvo-gr7fw
    @mdshuvo-gr7fw 8 หลายเดือนก่อน

    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 😀

  • @skshaidhossain5460
    @skshaidhossain5460 ปีที่แล้ว +1

    yes i need the react installation with TailwindCSS. Thank you so much for this masterpiece 🙌

  • @rakshith7016
    @rakshith7016 2 หลายเดือนก่อน

    Perfect explanation, kept it short and simple!
    Good one

  • @abcxyz-b3h
    @abcxyz-b3h 9 หลายเดือนก่อน +2

    Thank you for create sort and informative video.

  • @RadwanRa
    @RadwanRa 10 หลายเดือนก่อน

    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

  • @kylewhileyoung
    @kylewhileyoung 3 หลายเดือนก่อน

    You are the best. everyone else talks about using it with Vite or react. I wondered this stand-alone use case

  • @ashishkumarsharma9606
    @ashishkumarsharma9606 ปีที่แล้ว +2

    Please make separate videos for them it will really helpful to us ❤

  • @nitinrai8381
    @nitinrai8381 ปีที่แล้ว

    It was so simple prior to this video i was simply doing it by adding cdn thanks alot Etish

  • @a1m4thah3d
    @a1m4thah3d 7 หลายเดือนก่อน

    THANK you SO much for this video!!! I tried several other videos and could never get it but this one nailed it!

  • @milankbudha
    @milankbudha ปีที่แล้ว

    thank u so much...i have watched other tutorials but not worked properly...Your tutorial saved my precious time

  • @Zwei__
    @Zwei__ หลายเดือนก่อน

    Thank you much much, that was honestly so smooth

  • @dhruthiaddagatla2959
    @dhruthiaddagatla2959 4 หลายเดือนก่อน

    Excellent explanation !!!
    Saved our lives, thanks a ton!! ❤

  • @ManasTunga
    @ManasTunga ปีที่แล้ว +1

    Thanks for making things simple and easy to understand. Helped me to get started with tailwind

    • @ananyasingh2864
      @ananyasingh2864 10 หลายเดือนก่อน

      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 10 หลายเดือนก่อน

      @@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.

  • @abhishekprajapati5319
    @abhishekprajapati5319 8 หลายเดือนก่อน +1

    very helpful thanks a lot

  • @narendrakajla77
    @narendrakajla77 11 หลายเดือนก่อน

    Thankyou so much ❤ very simple explanation and in depth step by step video. Thanks again, please keep making such amazing videos

  • @Anshydv3
    @Anshydv3 ปีที่แล้ว

    thank you so much di , i have watched many videos, but i was unable to install ,
    but you nailed it 🥳

  • @himanshuchaudhari9235
    @himanshuchaudhari9235 10 หลายเดือนก่อน

    Thank you so much. I had spent whole day to figuring it out. But you saved me. 🤓

  • @x-bloof
    @x-bloof 5 หลายเดือนก่อน

    Thank you so much Etisha ! the script was the missing part for me. Very neat tutorial.

  • @Master_oogway_loves-you
    @Master_oogway_loves-you 6 หลายเดือนก่อน

    My 2 days of suffering is over now 😊 thanks ma'am

  • @nighthustler15
    @nighthustler15 4 หลายเดือนก่อน

    That was a nice session!💯

  • @Deferen
    @Deferen 20 วันที่ผ่านมา

    Thank you so much this setup really worked

  • @irfanullah2910
    @irfanullah2910 10 หลายเดือนก่อน

    Very interesting and helpful video, easy to understand and grape the concepts.

  • @prabinchaudhary9691
    @prabinchaudhary9691 ปีที่แล้ว

    Tried many but this one worked so well..liked the way everything is explained 😊

    • @ananyasingh2864
      @ananyasingh2864 10 หลายเดือนก่อน

      as the moment i start writing this npm -v it is showing error please help

  • @timbauer399
    @timbauer399 4 หลายเดือนก่อน

    Amazing tutorial! Thanks for posting. 🙂

  • @HadiyaFarid-d6p
    @HadiyaFarid-d6p หลายเดือนก่อน +1

    I loved your video alot. Can you help me a bit?
    In the end When I clicked "open with live server" it is not showing the yellow background in microsoft edge.

  • @ym1188
    @ym1188 9 หลายเดือนก่อน

    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

  • @imtisalmustafa3819
    @imtisalmustafa3819 10 หลายเดือนก่อน

    Thank you very Much for this .. step by step proper guide

  • @victorbabalola6094
    @victorbabalola6094 5 หลายเดือนก่อน +4

    i have a problem, every time i try to change the background color it doesn't work or try to add a new style

    • @parasvishwakarma5395
      @parasvishwakarma5395 2 หลายเดือนก่อน

      I am facing same problem but don't know the solution

    • @kobbyyy
      @kobbyyy หลายเดือนก่อน

      any progress?

  • @funjon2746
    @funjon2746 6 หลายเดือนก่อน

    This video was very important for me so thank you very much maym...🥰🥰🙂🙂 I am from bangladesh

  • @theproactivemindset
    @theproactivemindset ปีที่แล้ว

    What a great explanation! thank you Etisha!

  • @AswinKumar-jo7kg
    @AswinKumar-jo7kg 7 หลายเดือนก่อน

    great very best one on installing Tailwind CLI

  • @lualfemo
    @lualfemo 8 หลายเดือนก่อน

    Thanks a lot for this video, you saved my life!!

  • @riazmoosani7725
    @riazmoosani7725 9 หลายเดือนก่อน

    fantastic explanation. Thank you very much

  • @shwetachoudhary9003
    @shwetachoudhary9003 10 หลายเดือนก่อน

    thank you soo much i was suffering for this..

  • @pri8112
    @pri8112 5 หลายเดือนก่อน

    Thank you sm omg finally i am able to download this

  • @aswinpk2426
    @aswinpk2426 11 หลายเดือนก่อน

    It’s really helpful one … thank you so much ❤

  • @shubhammaurya3309
    @shubhammaurya3309 8 หลายเดือนก่อน +1

    Thank you didi 🎉...

  • @davejones4740
    @davejones4740 11 หลายเดือนก่อน +2

    Doesn't work as usual. Copied up until 04:17 exactly and errors as it doesn't creat the style sheet....

    • @EtishaGarg
      @EtishaGarg  11 หลายเดือนก่อน

      What is the error you're getting?

  • @abdulmujeebusman1645
    @abdulmujeebusman1645 11 หลายเดือนก่อน +7

    I first tried to do the npm it was saying error then i downloaded node.js still not working 😢 please help

    • @yudhishthirsharma9083
      @yudhishthirsharma9083 8 หลายเดือนก่อน

      Set the path in environment variables

    • @gauravsinghthakur259
      @gauravsinghthakur259 8 หลายเดือนก่อน

      Bro when you type npm don’t give space between -y

    • @gursimransingh7018
      @gursimransingh7018 7 หลายเดือนก่อน

      Use cdn option to use tailwind rather than installing

  • @SavyarHussein
    @SavyarHussein หลายเดือนก่อน

    Thank you so much you are the best 😭❤️

  • @parico4489
    @parico4489 8 หลายเดือนก่อน

    YOU ARE A LIFE SAVER THANK YOU

  • @sameerdevil8875
    @sameerdevil8875 4 หลายเดือนก่อน

    It is simple and to the point ❤

  • @JasminaJorayeva-k9e
    @JasminaJorayeva-k9e 12 ชั่วโมงที่ผ่านมา +1

    thank you so much😇

  • @ManikantaChikani
    @ManikantaChikani ปีที่แล้ว

    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  ปีที่แล้ว

      Glad it solved your problem

  • @mtnllmtnll
    @mtnllmtnll 7 หลายเดือนก่อน

    Thank you so much. I got this bc of you!

  • @pradhumansingh8565
    @pradhumansingh8565 8 หลายเดือนก่อน

    thanks for giving installetion information.

  • @29ibrahimsayed95
    @29ibrahimsayed95 ปีที่แล้ว

    Best one ever. Crystal clear.

  • @contraspower6302
    @contraspower6302 4 หลายเดือนก่อน

    Thanks alot very helpful best video🙏

  • @thedarksterbhupi540
    @thedarksterbhupi540 6 หลายเดือนก่อน

    Filhal to Java chal rahi hai but tailwind aapse hi sikhenge 👀❤️

  • @laurajacobsen1131
    @laurajacobsen1131 7 หลายเดือนก่อน

    Thank you. Great video :)

  • @himasheshu5548
    @himasheshu5548 6 หลายเดือนก่อน

    Thank you madam . video was very helpfull 😁😇

  • @OmkarPatil-go4gn
    @OmkarPatil-go4gn 2 หลายเดือนก่อน

    Thank You The Code Worked👍🏻

  • @shashank_sharma_7
    @shashank_sharma_7 9 หลายเดือนก่อน

    Just perfect. Thanks

  • @kawsarmojumdar5192
    @kawsarmojumdar5192 10 หลายเดือนก่อน

    Thanks for the awesome tutorial

  • @heyOrca2711
    @heyOrca2711 11 หลายเดือนก่อน

    Thank you ma'am you helped me a lot

  • @saifullahMonmoy
    @saifullahMonmoy ปีที่แล้ว

    Nice Explanation 👍👍

  • @leeeric6292
    @leeeric6292 10 หลายเดือนก่อน

    Thanks for your help!

  • @piyush3819
    @piyush3819 9 หลายเดือนก่อน

    thank you so much you help me alot
    😊

  • @eddy254-E
    @eddy254-E 7 หลายเดือนก่อน

    This was the best one

  • @riyakaur-m9f
    @riyakaur-m9f 3 หลายเดือนก่อน

    thqu sis

  • @abdulgaming5018
    @abdulgaming5018 8 หลายเดือนก่อน +2

    iam doing everything right but still last mei bg color implement nia ho rha

    • @GodwinIfechukwu-hg1vn
      @GodwinIfechukwu-hg1vn 2 หลายเดือนก่อน

      if it dont work just change the content: ["./public/**/*.{html,js}"]

  • @Aero_Dev_0
    @Aero_Dev_0 8 หลายเดือนก่อน

    Thanks sister, it works

  • @IttractDigital
    @IttractDigital 7 หลายเดือนก่อน

    Thank you Didi for this video

  • @Amberccookie
    @Amberccookie หลายเดือนก่อน

    checked the new documentary of the tailwind CSS and now we use output.css as the new reference instead.

  • @dekanredar4662
    @dekanredar4662 4 หลายเดือนก่อน

    Thank you so much ❤❤

  • @firdausspensix
    @firdausspensix 8 หลายเดือนก่อน

    thankyou this very helpfull

  • @DiariesByAn
    @DiariesByAn 8 หลายเดือนก่อน

    Thank you so much.

  • @AbhishekMad-jj6wh
    @AbhishekMad-jj6wh 5 หลายเดือนก่อน +1

    did i have to repeat this process for every html file

  • @chanchalnishad3
    @chanchalnishad3 8 หลายเดือนก่อน

    Thankyou so much ma'am

  • @kingharji9170
    @kingharji9170 2 หลายเดือนก่อน

    07:04 I followed each step till there, But at last your site gets proper styling & mine was simple with white background & black text(Automatically).

    • @HadiyaFarid-d6p
      @HadiyaFarid-d6p หลายเดือนก่อน

      yes, that was with me too

  • @abhisweb2315
    @abhisweb2315 ปีที่แล้ว

    U have used tag but the text is showing that there is no tag is used 😢

    • @EtishaGarg
      @EtishaGarg  ปีที่แล้ว

      Can you send the screenshot of the error at gargetisha@gmail.com?

    • @shreyasingh4680
      @shreyasingh4680 ปีที่แล้ว

      it is because when you will check you tailwind.css file you will this which mean all heading tags are defined like this
      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
      font-size: inherit;
      font-weight: inherit;
      }

  • @ishaksdt6852
    @ishaksdt6852 6 หลายเดือนก่อน

    Thank you so much

  • @Anirban-fo9wi
    @Anirban-fo9wi 3 หลายเดือนก่อน

    Ma'am for me output file style.css is blank ,how can I fixed it ??no tailwind default code are there.totally blank

  • @riagupta39
    @riagupta39 11 หลายเดือนก่อน

    Thank you so much

  • @mubarakdalvi9004
    @mubarakdalvi9004 4 หลายเดือนก่อน

    thanks

  • @SoumyaRanjan-bm9rj
    @SoumyaRanjan-bm9rj 6 หลายเดือนก่อน

    After excicuting the command properly in vs code still i am not getting the output.css file

  • @voyagerajasthaan
    @voyagerajasthaan ปีที่แล้ว

    lovely content

  • @eyuelfrew705
    @eyuelfrew705 ปีที่แล้ว

    thank you very much

  • @parsamns6677
    @parsamns6677 3 หลายเดือนก่อน

    I followed everything but when i run it at the end, i get a plain white background with a simple black text. Why is that?

    • @JustAnotherDeveloper-b6v
      @JustAnotherDeveloper-b6v 3 หลายเดือนก่อน +1

      npx tailwindcss -i ./src/input.css -o ./src/output.css --watch
      Run this command it will work

  • @naimishdwivedi1307
    @naimishdwivedi1307 11 หลายเดือนก่อน

    Thank you mam😊😊😊

  • @robertogutierrez7305
    @robertogutierrez7305 11 หลายเดือนก่อน

    You're awesome explaining!
    Suggestiion: how about DaisyUI and / or Flowbite?
    Thanks!

  • @anjanadewan144
    @anjanadewan144 3 หลายเดือนก่อน

    why the changes are not reflecting in my browser..plzzz help

  • @sunilchoudhary8216
    @sunilchoudhary8216 3 หลายเดือนก่อน

    Hi
    unable to get update. every time click live server, when update the page

  • @GinaTsanaktsidis
    @GinaTsanaktsidis 2 หลายเดือนก่อน

    Thankyou!

  • @rishabhsharma4875
    @rishabhsharma4875 6 หลายเดือนก่อน

    Hey, my npx tailwindcss init command doesn't work it show error, can you explain me what problem are in these command?

  • @Ashutosh07535
    @Ashutosh07535 9 หลายเดือนก่อน

    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