How to Setup Tailwind CSS in VS Code?

Поделиться
HTML-код
  • Опубликовано: 15 янв 2025

Комментарии • 228

  • @EtishaGarg
    @EtishaGarg  Год назад +12

    How to Setup Tailwind CSS in React JS?
    🔗Video Link - ruclips.net/video/L3wJe66tlBk/видео.html

    • @aluyaehis2061
      @aluyaehis2061 10 месяцев назад +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 8 месяцев назад

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

  • @kelly_browning
    @kelly_browning Год назад +15

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

  • @mr.yashff9625
    @mr.yashff9625 8 месяцев назад +14

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

  • @Orion599
    @Orion599 5 месяцев назад +5

    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

  • @melvinkwakuyawlui
    @melvinkwakuyawlui Месяц назад +1

    After several attempts, this finally worked! Thanks alot

  • @AbdulHadi-ek4lk
    @AbdulHadi-ek4lk 5 месяцев назад +1

    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

  • @adammarley5616
    @adammarley5616 11 месяцев назад +3

    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  11 месяцев назад

      Thanks Adam. Happy to know

  • @typowa615
    @typowa615 Год назад +3

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

  • @ZaidhAbdulKather-4
    @ZaidhAbdulKather-4 4 месяца назад +2

    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 Год назад +1

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

  • @davejones4740
    @davejones4740 Год назад +3

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

    • @EtishaGarg
      @EtishaGarg  Год назад

      What is the error you're getting?

    • @daraolaniya3355
      @daraolaniya3355 4 дня назад

      @@EtishaGarg same issue here:
      Specified input file ./src/input.css does not exist.

  • @devrishigupta6223
    @devrishigupta6223 8 месяцев назад +17

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

    • @OriconYT
      @OriconYT Месяц назад

      npx tailwindcss -i ./src/input.css -o ./public/style.css --watch
      try this

  • @abcxyz-b3h
    @abcxyz-b3h 10 месяцев назад +2

    Thank you for create sort and informative video.

  • @mohanapriya4708
    @mohanapriya4708 Месяц назад

    Thank god.. this worked. I spent 1hr and could not find why even the npm is not installing in mine.. already had a bad day and started to learn tailwind css and during the start itself this makes me cry

  • @FaruqShehu-e1n
    @FaruqShehu-e1n 8 часов назад

    this is good... i recommend this video to anyone interested.

  • @abhishekprajapati5319
    @abhishekprajapati5319 9 месяцев назад +1

    very helpful thanks a lot

  • @rakshith7016
    @rakshith7016 3 месяца назад

    Perfect explanation, kept it short and simple!
    Good one

  • @skshaidhossain5460
    @skshaidhossain5460 Год назад +1

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

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

  • @a1m4thah3d
    @a1m4thah3d 9 месяцев назад

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

  • @Zwei__
    @Zwei__ 3 месяца назад

    Thank you much much, that was honestly so smooth

  • @nkansahchristodia
    @nkansahchristodia 3 месяца назад

    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

  • @shubhammaurya3309
    @shubhammaurya3309 9 месяцев назад +1

    Thank you didi 🎉...

  • @victorbabalola6094
    @victorbabalola6094 7 месяцев назад +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 4 месяца назад

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

    • @kobbyyy
      @kobbyyy 2 месяца назад

      any progress?

  • @RadwanRa
    @RadwanRa Год назад

    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 5 месяцев назад

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

  • @HadiyaFarid-d6p
    @HadiyaFarid-d6p 2 месяца назад +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.

  • @milankbudha
    @milankbudha Год назад

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

  • @Deferen
    @Deferen 2 месяца назад

    Thank you so much this setup really worked

  • @himanshuchaudhari9235
    @himanshuchaudhari9235 11 месяцев назад

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

  • @ManasTunga
    @ManasTunga Год назад +1

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

    • @ananyasingh2864
      @ananyasingh2864 Год назад

      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 Год назад

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

  • @mdshuvo-gr7fw
    @mdshuvo-gr7fw 9 месяцев назад

    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 😀

  • @abdulmujeebusman1645
    @abdulmujeebusman1645 Год назад +7

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

  • @timbauer399
    @timbauer399 6 месяцев назад

    Amazing tutorial! Thanks for posting. 🙂

  • @riazmoosani7725
    @riazmoosani7725 11 месяцев назад

    fantastic explanation. Thank you very much

  • @lualfemo
    @lualfemo 10 месяцев назад

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

  • @pri8112
    @pri8112 6 месяцев назад

    Thank you sm omg finally i am able to download this

  • @SavyarHussein
    @SavyarHussein 3 месяца назад

    Thank you so much you are the best 😭❤️

  • @abdulgaming5018
    @abdulgaming5018 10 месяцев назад +2

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

    • @GodwinIfechukwu-hg1vn
      @GodwinIfechukwu-hg1vn 4 месяца назад

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

  • @AswinKumar-jo7kg
    @AswinKumar-jo7kg 9 месяцев назад

    great very best one on installing Tailwind CLI

  • @AbhishekMad-jj6wh
    @AbhishekMad-jj6wh 7 месяцев назад +1

    did i have to repeat this process for every html file

  • @ashishkumarsharma9606
    @ashishkumarsharma9606 Год назад +2

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

  • @shwetachoudhary9003
    @shwetachoudhary9003 Год назад

    thank you soo much i was suffering for this..

  • @sameerdevil8875
    @sameerdevil8875 5 месяцев назад

    It is simple and to the point ❤

  • @yetundequadri
    @yetundequadri Месяц назад

    Thank you, ❤ I understood everything you did

  • @Anshydv3
    @Anshydv3 Год назад

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

  • @theproactivemindset
    @theproactivemindset Год назад

    What a great explanation! thank you Etisha!

  • @nighthustler15
    @nighthustler15 6 месяцев назад

    That was a nice session!💯

  • @OmkarPatil-go4gn
    @OmkarPatil-go4gn 3 месяца назад

    Thank You The Code Worked👍🏻

  • @x-bloof
    @x-bloof 6 месяцев назад

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

  • @imtisalmustafa3819
    @imtisalmustafa3819 Год назад

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

  • @aswinpk2426
    @aswinpk2426 Год назад

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

  • @narendrakajla77
    @narendrakajla77 Год назад

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

  • @mtnllmtnll
    @mtnllmtnll 9 месяцев назад

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

  • @contraspower6302
    @contraspower6302 6 месяцев назад

    Thanks alot very helpful best video🙏

  • @irfanullah2910
    @irfanullah2910 Год назад

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

  • @shashank_sharma_7
    @shashank_sharma_7 10 месяцев назад

    Just perfect. Thanks

  • @JasminaJorayeva-k9e
    @JasminaJorayeva-k9e Месяц назад +1

    thank you so much😇

  • @mukeshmanral1327
    @mukeshmanral1327 3 месяца назад +1

    best video about tailwind css setup

  • @GulshanKumar-rm2fz
    @GulshanKumar-rm2fz Год назад +1

    npm err missing script is occuring what to do?

  • @CraftAndCodee
    @CraftAndCodee Месяц назад

    I have followed each step but the styles are not applying it is flushing out the margin and other things but the class I am giving it is not working can you help me with that please

  • @parico4489
    @parico4489 9 месяцев назад

    YOU ARE A LIFE SAVER THANK YOU

  • @pradhumansingh8565
    @pradhumansingh8565 10 месяцев назад

    thanks for giving installetion information.

  • @laurajacobsen1131
    @laurajacobsen1131 9 месяцев назад

    Thank you. Great video :)

  • @ardielyn6319
    @ardielyn6319 Месяц назад

    Hi Etisha, when i initialize the command in my terminal it says ‘command not found’. I already downloaded node js. I don’t know what did i miss😢

  • @prabinchaudhary9691
    @prabinchaudhary9691 Год назад

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

    • @ananyasingh2864
      @ananyasingh2864 Год назад

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

  • @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;
      }

  • @piyush3819
    @piyush3819 10 месяцев назад

    thank you so much you help me alot
    😊

  • @leeeric6292
    @leeeric6292 Год назад

    Thanks for your help!

  • @Master_oogway_loves-you
    @Master_oogway_loves-you 7 месяцев назад

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

  • @gamingbox4381
    @gamingbox4381 14 дней назад

    Thank-you soooooooo much ❤❤❤❤❤❤❤

  • @dekanredar4662
    @dekanredar4662 6 месяцев назад

    Thank you so much ❤❤

  • @Amberccookie
    @Amberccookie 2 месяца назад

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

  • @sunilchoudhary8216
    @sunilchoudhary8216 5 месяцев назад

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

  • @heyOrca2711
    @heyOrca2711 Год назад

    Thank you ma'am you helped me a lot

  • @SoumyaRanjan-bm9rj
    @SoumyaRanjan-bm9rj 8 месяцев назад

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

  • @ajithpalanisamy4073
    @ajithpalanisamy4073 29 дней назад

    seriously very use full

  • @kawsarmojumdar5192
    @kawsarmojumdar5192 Год назад

    Thanks for the awesome tutorial

  • @29ibrahimsayed95
    @29ibrahimsayed95 Год назад

    Best one ever. Crystal clear.

  • @Anirban-fo9wi
    @Anirban-fo9wi 4 месяца назад

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

  • @anjanadewan144
    @anjanadewan144 5 месяцев назад

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

  • @ym1188
    @ym1188 11 месяцев назад

    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

  • @SAMURAI232-u3q
    @SAMURAI232-u3q Год назад

    how do you open the terminal ?????

  • @himasheshu5548
    @himasheshu5548 8 месяцев назад

    Thank you madam . video was very helpfull 😁😇

  • @rishabhsharma4875
    @rishabhsharma4875 8 месяцев назад

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

  • @TheGamerReacts
    @TheGamerReacts Год назад

    at @3:39 mine says unknown at rule @tailwind css(unknownAtRules) for all three of them

    • @EtishaGarg
      @EtishaGarg  Год назад

      Ignore that issue. It won't make any difference. You would still be able to use Tailwind CSS after following these steps.

    • @TheGamerReacts
      @TheGamerReacts Год назад +1

      @EtishaGarg I switched to @import 'tailwindcss/base';
      @import 'tailwindcss/components';
      @import 'tailwindcss/utilities';
      And it works now, no issues

  • @saifullahMonmoy
    @saifullahMonmoy Год назад

    Nice Explanation 👍👍

  • @firdausspensix
    @firdausspensix 9 месяцев назад

    thankyou this very helpfull

  • @Procomicartist
    @Procomicartist 7 месяцев назад

    I tried with another video but didn't work can I delete the folder and start all over? Would it affects the next try?

  • @IttractDigital
    @IttractDigital 9 месяцев назад

    Thank you Didi for this video

  • @saikiran0311
    @saikiran0311 6 месяцев назад

    react vite is support for tailwind css or not

  • @dhruthiaddagatla2959
    @dhruthiaddagatla2959 5 месяцев назад

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

  • @Aero_Dev_0
    @Aero_Dev_0 10 месяцев назад

    Thanks sister, it works

  • @abhisweb2315
    @abhisweb2315 11 месяцев назад

    Can u please tell me how should I build a package for deploying the project !!

  • @thippareddy6609
    @thippareddy6609 Год назад +1

    my body's color did not turn yellow what should i do? plz help

    • @elsoil3387
      @elsoil3387 6 месяцев назад +1

      Me too. Did you find a solution?

  • @riyakaur-m9f
    @riyakaur-m9f 5 месяцев назад

    thqu sis

  • @vishalkumarshaw9208
    @vishalkumarshaw9208 Год назад

    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.

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

  • @funjon2746
    @funjon2746 8 месяцев назад

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

  • @localhost-v6
    @localhost-v6 6 месяцев назад

    Every time when i make a new project should i install and setup again and again ?