You have heard all the great things about Tailwind CSS but getting started seems a bit too much? Well, this article for you.
I have created a quickstart repo with the necessary tools so you don't have to set up and configure TailwindCSS for every project.
1. Clone the repo
We start by cloning this quickstart repo and changing the directory to that folder
git clone https://github.com/inerds/tailwind-quickstart.git'
cd tailwind-quickstart
2. Install dependencies
This will install the required packages such as PostCSS, live-server ..etc
npm install
3. Fire up a live server for preview
live-server public
This will start a live-server in the /public folder. You can start editing index.html file and changes will be auto refreshed on the browser.
If you are writing CSS run the following watch command and it will watch out for changes in css file in css/tailwind.css and build it to public/css/tailwind.css.
npm run watch
Enjoy Tailwinding!
Top comments (0)