Install Tailwind CSS with Vite (HTML, JavaScript & Vite - Using PostCSS)

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

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

  • @tea42
    @tea42 ปีที่แล้ว +27

    Those who has trouble showing the result, you may have to change postcss.config.js to .cjs

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

      Thank for sharing. Pls, subscribe

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

      Thank you for writing it

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

      Wow Thanks for sharing

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

      Thanks!!

  • @GauravSharma-xl3nc
    @GauravSharma-xl3nc 10 หลายเดือนก่อน +1

    Thanku, my tailwind css not working for few days i watch many videos but not helpful,and then watch ur video, u are a lifesaver😅😅

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

      Glad it helped

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

    Easy and straight to the point. Love it.

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

      Thank you for a comment

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

    Straight to the point. Thanks bro, you have saved me multiple times.

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

      Glad it helped!

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

    I face a problem when i write npm run build then the dist folder created but some of the images donot work in dist i mean do jot include in the dist diat/assets folder whether the images works well in the orignal index.html i mean in which i write out html and giving images path.
    How to solve this issue

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

    Hi, can you show me how to use bro vite with tailwindcss components

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

    4:25 'npx tailwindcss init - p' with this command config file will be generated. No need to copy paste from documentation

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

      Thank you for sharing your advice! please, subscribe

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

    quick tip : if you're wondering why this doesn't work with your .jsx files then add content: ["./src/**/*.{html,js,jsx}"], in tailwind config file right here 5:05

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

      Thank you !!! Please, subscribe

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

    Muchas gracias!!!era justo lo que necesitaba

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

      I appreciate your comment. Please, subscribe

  • @boneykingofsomewhere
    @boneykingofsomewhere 15 ชั่วโมงที่ผ่านมา

    Amazing tutorial, thank you.

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

    how to deploy this in netlify or vercel

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

    Thanks so much for this tutorial, you made it so easy

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

      You’re welcome 😊. Thank you for subscribing

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

    Thanks :)

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

      Welcome!

  • @quick-bytes
    @quick-bytes 2 ปีที่แล้ว +1

    Thanks Buddy Helped Alot!! 💫🙌🏻

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

      Please, subscribe

  • @MatheusPereira-nn9dj
    @MatheusPereira-nn9dj 2 ปีที่แล้ว +1

    when I already have all the successful packages in the project but I forgot the host address , which command do I use ??

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

      Do you mean "npm run dev" ? Please, subscribe

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

    i followed exactly the same procedure like in video but still getting error that the vite is not recognized as an internal and external command while running command npm run start

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

      Make sure you run that command in the project folder. Pls, subscribe

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

      @@Devtamin yes i did

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

      @@taahaquraishi7181 555 you need to excute "npm run dev" instead of "npm run start". Please, subscribe

  • @Kb-un4rk
    @Kb-un4rk 2 ปีที่แล้ว +1

    How to implement this project created by. Vite in laravel??

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

      Please, subscribe !!! I just uploaded the video, watch it out th-cam.com/video/qqIlkVuUC2Y/w-d-xo.html

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

    my vite server is constantly showing web page not found for the local host 5173 . i have node js installed and still getting 404 error what is the problem ?

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

      I'm not sure. If you install only Vite, can you start the server? Please, subscribe

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

      @@Devtamin server starts but the html page doesn't gets served . The page also reloads everytime something changed but the webpage doesn't show up.

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

      @@souvikchakraborty9900 Can you try to open the web with other browsers?

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

    thanks Jian Yang

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

      I highly appreciate your comment. Please, subscribe

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

    Let me ask some stupid question. After "npm run build" command I'll got 'dist' folder as output of the project and I can copy and paste in any backend tools (e.g. Django) am I correct?

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

      Yes, you're right. You can use the file in the folder as a HTML template.

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

    Hay brother can I create multiple page website on tailwindcss

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

      Yes, you can do it. Pls, subscribe

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

    CAn you please make a video on vite vanilla routing?

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

      I'll take a look !! Please, subscribe

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

    Great Video!

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

      Glad you enjoyed it

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

    Nice video.

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

      Many many thanks

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

    thank you so much

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

      You're welcome!

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

    Can I use this with a simple php site too? Will the install be the same? Thank you for the great video!

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

      This is for front-end development. You can create a HTML template from this setup. Then, you can use the template with PHP. if you want to set up Vite to use with PHP directly, you can learn from this, github.com/andrefelipe/vite-php-setup . I hope this helps

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

      @@Devtamin Ok thank you!!!

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

    Thanks Bro

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

      Any time

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

    Nice video. How about using sass with vite

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

      Thank you. I will create the next video about Sass with Vite. Feel free to click subscribe!

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

      @@Devtamin Nice😍 looking forward to it. I've subscribed obviously 👍👍

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

      I appreciate you

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

      @@taofeeqomotolani2311 here is the video about install sass in vite, th-cam.com/video/mSu2nq1tphU/w-d-xo.html

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

      @@taofeeqomotolani2311 thats is easy just import it inside your main.js

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

    thankssss

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

      You're welcome! Please, subscribe