From the course: Tailwind CSS 4 Essential Training

Unlock this course with a free trial

Join today to access over 24,800 courses taught by industry experts.

Setting up your environment

Setting up your environment - Tailwind CSS Tutorial

From the course: Tailwind CSS 4 Essential Training

Start my 1-month free trial Buy for my team

Setting up your environment

“

- [Instructor] You have come a long, long way, and discovered so much about Tailwind CSS. Now it's time to install it in your own project and feel the power. Tailwind has support for installation in all of the well-known frameworks. The official documentation is very detailed, so you can pick your framework, and follow the steps accordingly. However, I will demonstrate to you how to install Tailwind in a plain HTML project, exactly like the one we used throughout this course. This is a brand new project that you see we have just created the folder. Now, let me open the terminal and initialize NPM. So I will say npm init -y with all the default options. Now let's install Tailwind CSS using the command npm install tailwindcss@next. This will help you install the latest version that's available, or if you'd like to install a specific version, you can mention that. And since we are using the dedicated CLI of Tailwind CSS, we need @tailwindcss/ slashcli@next as well. Hit enter. And looks…

Contents