@codewithchu

I updated the repo with cross-env package and added escaped double quote to the watch script to fix some cross platform issues on Windows.
Thanks to @​Jon Fackrella and @​Allformyequine​

GitHub Repo
https://github.com/codewithchu/tailwindcss-v2-setup-install

Cross Platform Fixes for Windows.
onchange on Windows - Escaped Double quotes
"tw:watch": "onchange \"tailwind.config.js\" \"src/**/*.css\" -- npm run tw:build"

NODE_ENV on windows needs to be set up like this
"tw:prod": "SET NODE_ENV=production & postcss build ./src/css/tailwind.css -o ./public/css/tailwind.css",

or install the cross-env package and change the script to
"tw:prod": "cross-env NODE_ENV=production postcss build ./src/css/tailwind.css -o ./public/css/tailwind.css",

@Woooferz

This was so helpful! :)

@StackAcademy

Thank you man I really appreciate it, I'm new to tailwindcss and the official documentation is not beginner friendly. I don't have a problem of using the classes etc but the configuration process had me puzzled so thank you this vod.

@harvanchik

It would be helpful if you explained what you were doing and why, specifically in the installation process.

@clintmckoy

Thanks for putting this together! Editing my first Tailwind project! Goodbye Bootstrap...

@goncalodumas

Great tutorial, very detailed and useful to get you started on a tailwindcss project.

@GT-skino

Thank you so much. i'm fairly new to all of the Dev stuff  but have been working with Laravel and Tailwind CSS... and up until 2.0 id had no issues. i struggled to get 2.0 installed but this has just cleared everything up! thank you.

@giandomenicoriceputi6275

Thanks  now I set in a right way my tailwind css project

@chinmayjoshi9939

Those who are getting the following error

"The `text-cwc-red` class does not exist, but `text-cws-red` does. If you're sure that `text-cwc-red` exists, make sure that any `@import` statements are being properly processed before Tailwind CSS sees your CSS, as `@apply` can only be used for classes in the same CSS tree."

just change the 'cwc' to 'cws' in the line @ 10:09

Dont know why but the 'cwc' in my public/css/tailwind.css were 'cws'

(Windows 10) (tailwindcss 2.0.2)

@versastudio9198

Super helpful! Thank you.

@Bryan-tk7il

Super helpful. Subscribed!

@jamesfoley4426

Thank you so much for the video. I was up all last night trying to get tailwind to work with parcel.js. I couldn't get the css to purge....I am not sure that the documentation on the tailwind site is really that clear about how to get a basic web project working and to have tailwind purge the css. I think there are a few important things you point out like setting the NODE_ENV to production so you need the cross-env to do that. Also you will need to daisy chain commands together for tailwindcss and postcss to do their thing.  Thanks again and to @​Jon Fackrella and @​Allformyequin for helping your

@rezwansaki

Thanks

@oliversaxon8656

Agree with some other comments below - you should explain why we need to install this way with these additional packages.

@pressiyamu2187

I am getting a weird error at  8:08 
npm ERR! tailwind@1.0.0 tw:build: `tailwindcss build ./src/css/tailwind.css -o ./public/css/tailwind.css`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the tailwind@1.0.0 tw:build script.
I have no clue here, I am using windows 10

@Curiosity1112

Your content is really really good! You just need to buy a new microphone.

@navidtaher8713

hi, i am really stuck at 8:05 i did everything as shown in the videos but when i run the script in terminal nothing happens like no new file is created or anything new is added just the terminal runs for a  minute at the end i get this :
   
.\32xl\:animate-bounce {
    -webkit-animation: bounce 1s infinite;
            animation: bounce 1s infinite;
  }
please help!

@Allformyequine

This is super!  So is there a way to add a simple js compiler in addition?  Like can you have a second build tool to do that part???  Very good tx!

@MaxWeir

I like the idea of the purge CSS function, but that strips any css classes not used.

What if you are building a site but want to have those extra classes available? Example building out a marketing page in the future where they might need a bunch of classes to create their desired layout.