How to Install Tailwind CSS Version 1.2

Hi, My name is Andy Leverenz and I work as a product designer and developer. For fun, I design, code, and write. Check out my blog called Web-Crunch https://web-crunch.com where I publish design and development tutorials with the occasional vlog.

====================

Tailwind CSS version 1.2 is the most recent release of the CSS framework. This is a short guide that teaches you how to install it in the most basic form.

In this guide, I reference an older article where I installed a beta version of Tailwind which you can find here. Initial setup

To save time I reference a project from Adam Wathan called playground. The first thing we'll do is clone the repo to our own system and make a few changes.

I used this template because a lot of the scripts you'll find inside the package.json file are pre-configured and because well, I'm a bit lazy :)

The important things to note are that I removed the following:

.git folder
.vscode folder
tailwind.config.js file

And changed the package.json file to not include tailwindcss by default as the template has. We'll install this manually.

My package.json file then resembles the following

Continue reading: https://web-crunch.com/posts/how-to-install-tailwind-css-version-1-2

====================

📰 One-Click Subscribe: https://www.youtube.com/user/webcrunchblog?sub_confirmation=1

💎🛤 Latest course: HELLO RAILS https://hellorails.io

💻 Previously published at: https://web-crunch.com/posts/how-to-install-tailwind-css-version-1-2

💻 Check out the blog: https://web-crunch.com

🦄 Check out my personal site: https://justalever.com

🚀 Links: Weekly Newsletter: https://web-crunch.com/subscribe Twitter: https://twitter.com/webcrunchblog Twitter(Personal Account): https://twitter.com/justalever Facebook: https://facebook.com/webcrunchblog Dribbble: https://dribbble.com/justalever Github: https://github.com/justalever

📘Check out my book on UX Design: "LUXD: Learn User Experience Design" https://web-crunch.com/books/luxd

📙 Check out my FREE book on Tumblr Theming: "Pro Tumblr Theming" https://web-crunch.com/books/ptt

💯 Need awesome web hosting? Check out cloudways. They allow me to use a variety of hosting providers and build apps with ease: http://bit.ly/webcrunchhosting

🌊 Need more advanced hosting for Rails, PHP, Node, or other projects? Digital Ocean has you covered. https://m.do.co/c/ee243ee15648

💎 Ruby on Rails devs, Try HatchBox.io. You'll save upwards of 50% compared to Heroku. I use it and love it! https://hatchbox.io/?via=andy

☕️ Keep me awake. Buy me a coffee https://www.buymeacoffee.com/webcrunch ... https://www.youtube.com/watch?v=niSB60MMERw