Commands

Install TailwindCSS:

npm install tailwindcss

Create Tailwind config file preloaded with all defaults:

npx tailwind init tailwind.js --full

Build the TailwindCSS stylesheet:

npx tailwindcss build tailwind.css -o main.css

Link to the stylesheet that will be created by TailwindCSS for the page:

<link rel="stylesheet" type="text/css" href="main.css">

Syntax for creating custom classes that can utilise the Tailwind classes:

.my-class-name {
  @apply tailwind classes here
}

Links

Node:

https://nodejs.org/en/download/

VSCode:

https://code.visualstudio.com/download

Tailwind documentation:

https://tailwindcss.com/docs/installation