Tailwind CSS: CLI Version

CLI Tailwind

It is possible to install Tailwind through the CLI, which is more recommended than through cdn using a script link. It works though using an input css file and creating an output file which is used by the site and influenced by what is put into the input css

With Tailwind CSS installed through the CLi, it is possible to make use of the VS Code plugin "Tailwind CSS IntelliSense" for autocomplete of utility classes, linting, hover previews, and highlighting of syntax so that everything is shown properly to the developer.

Config Customisation in CLI Tailwind

The way to customise the configuration for the CLI version of Tailwind is to go into the input css file (where tailwind was imported using '@import "tailwindcss";') and making alterations using the '@theme' tag similarly to how it is done for the cdn implementation.

This allows any added or altered utility classes to make it into the output css file and also includes the ability for these altered of new utility classes to show up in the Tailwind CSS IntelliSense plugin's autocomplete feature.