Setting up tailwind and postcss | postcss

แชร์
ฝัง
  • เผยแพร่เมื่อ 10 ม.ค. 2025

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

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

    Thanks I tried many tutorials but this worked

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

      Glad I could help

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

      @@hero_code Yup, same as Saurn. This finally worked for me too. Many thx for this tutorial :)

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

    I wasted an entire day searching the Internet for the right video...
    Finally i found it
    Thanks alot bro❤

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

    Every time I'm gonna use tailwind I come to this video. thank u again

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

    thanks for this timeless tutorials, you're a life saver

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

    It's works this is 1000 time better than other tutorial.

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

      Glad it helped. Thanks a lot.

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

    This is the one i searched for a week..thanks..

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

      Glad I could help

  • @chandankumar-fj8sh
    @chandankumar-fj8sh 2 ปีที่แล้ว +2

    i have tried so many times finally i got my solutions in this video thanks.

    • @hero_code
      @hero_code  2 ปีที่แล้ว

      Glad it helped

  • @Flex-qs3zw
    @Flex-qs3zw ปีที่แล้ว +1

    Gracias bro :') estuve todo el día buscando tutoriales de como instalar y el tuyo fue el único que me funciono

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

      Me alegro que este vídeo te haya sido de utilidad

  • @afaqahmad8918
    @afaqahmad8918 2 ปีที่แล้ว

    Well done bro.. i swear I'm trying from last 4 days and today i got post css installation successfully ❤️ thank you so much bro ❤️

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

      I'm so happy that I could help .

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

    Thanks bro ..mae kabse try kar raha tha ..but apki video dekh kar hogaya

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

    This is the tutorial that worked

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

      Glad it helped

  • @Novohabito-wj6fd
    @Novohabito-wj6fd 5 หลายเดือนก่อน

    saw many videos but only this worked

  • @fieryninja2374
    @fieryninja2374 2 ปีที่แล้ว

    nothing worked but only ur post css worked thx sooo much

  • @gladimarv3855
    @gladimarv3855 2 ปีที่แล้ว

    The only video that helped!! Thank you!!!

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

      Glad it helped!

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

    Thank you. You've just saved me

  • @莊貴淳-d6k
    @莊貴淳-d6k 2 ปีที่แล้ว +1

    thanks, bro. I've tried this for a week. finally, I found this video, and ur so damn good.
    and there's a question: should I do the "npm run watch" when I'm going to code?

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

    Man thank you so much fr

  • @dexter3943
    @dexter3943 2 ปีที่แล้ว

    If i could i would give this video a million likes

    • @hero_code
      @hero_code  2 ปีที่แล้ว

      Thanks a lot

  • @josuevillanueva6427
    @josuevillanueva6427 2 ปีที่แล้ว

    How do you have "Mac taskbar" if you are on Windows at minute 1:32?

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

      I have used RocketDock. you can download it from punklabs.com/

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

    Hey man, dont be afraid to speak in your videos. They will be even better.

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

      Hello.
      Thanks for your great comment
      Yes, you are right. Certainly speaking will make video quality better but the bad thing is I can't speak English very well 🙁

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

      @@hero_code well, just do it and you will improove in no time. Dont be ashamed.

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

    I followed all steps but when I do npm run watch it gives input error: you must pass a valid list of files to parse
    edit:nvm I ffixed it I had put the src folder inside public by mistake

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

    why do I have to save twice in order for the changes to reflect?

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

      I haven't had this problem. I don't know that.

  • @harshaldagde8237
    @harshaldagde8237 2 ปีที่แล้ว

    I done all this in video you do but when I add some class its not working but tailwind official font showing and and when I expand src folder in right corner see white dot I think that created folder not save please help

  • @ThePradoAlfa
    @ThePradoAlfa 2 ปีที่แล้ว

    The terminal said: 'postcss' is not recognized as an internal command - After I have put the script in package.json, how do I proceed?

    • @hero_code
      @hero_code  2 ปีที่แล้ว

      Hi.
      Install both postcss and postcss-cli again :
      npm install postcss postcss-cli

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

    Thanks a lot

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

    thanks man :)

    • @hero_code
      @hero_code  2 ปีที่แล้ว

      Happy to help

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

    Good How to write script build project for Production ?

  • @Shubham-zs3oj
    @Shubham-zs3oj ปีที่แล้ว

    help a lot thanks bro

  • @RohitSrivastav29
    @RohitSrivastav29 2 ปีที่แล้ว

    How to upload on github

  • @godharsh08
    @godharsh08 2 ปีที่แล้ว

    Please bro help text Color is not changing

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

      Hi.
      Did you get error in terminal?
      Did you add your html file in tailwind config file?

    • @godharsh08
      @godharsh08 2 ปีที่แล้ว

      @@hero_code bro i renamed tailwind.config as tailwind-default.config sothat i can create custom font and i made a new terminal then i run command {npx run test} then my all styles to web got removed....please help i'm beginner.

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

      You shouldn't rename tailwind.config.js file name.
      Rename it to default and run your program.
      It will be okay.

    • @godharsh08
      @godharsh08 2 ปีที่แล้ว

      @@hero_code ok sir thank you I'll try

    • @godharsh08
      @godharsh08 2 ปีที่แล้ว

      @@hero_code can i have your insta please

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

    Showing error missing script watch

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

      You should add "watch" property in scripts object in package.json file.

  • @whitezhila3108
    @whitezhila3108 2 ปีที่แล้ว

    Thank ! a Lot!

    • @hero_code
      @hero_code  2 ปีที่แล้ว

      You're welcome!

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

    Thank you

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

    Bro love u

  • @hoseinmaneshi3871
    @hoseinmaneshi3871 2 ปีที่แล้ว

    Nice

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

    Thanks

  • @abdullahirasheed3052
    @abdullahirasheed3052 2 ปีที่แล้ว

    💯

  • @harshaldagde8237
    @harshaldagde8237 2 ปีที่แล้ว

    Please help

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

    background sound is irritating

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

    Horrible background music !!!!

  • @samuelchoe82
    @samuelchoe82 2 ปีที่แล้ว

    hey! thanks so much for this tutorial! the one that actually worked for me.
    so when i tried to run npm run watch i got :
    warn - The glob pattern ./public/**/*.{html} in your Tailwind CSS configuration is invalid.
    warn - Update it to ./public/**/*.html to silence this warning.
    i changed it my content from:
    content: ["./public/**/*.{html}"],
    to:
    content:["/public/**/*.html"]
    and it started working. will this be a problem in the future?

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

      Hi.
      Thanks for your comment.
      When you have more types of files like .js or .css in your public folder, you should use {}. It will be like this :
      content: ["./public/**/*.{htm, js, css}"]
      But when you have just ".html" files in your public folder, You shouldn't use {} and it won't cause any problem.