Appearance
Setting up TailwindCSS
- Open the command palette
Shift
+Command
+P
(Mac) /Ctrl
+Shift
+P
(Windows/Linux) and type innuxt css
- Select
Nuxtr: Configure CSS Frameworks
- Select
TailwindCSS
and tick only the first two boxes
Give it a while to install. Once it's done, a notification will pop out from the bottom right saying that TailwindCSS installed successfully along with two file created notifications. It is safe to close them all
If you do not see the option for Nuxtr: Configure CSS Frameworks
, refresh the page. In my experience, I had to refresh it like maybe once or twice, and let it fully load before trying again. If you still don't see the option, make sure that you have installed the Nuxtr extension.
Once you've set up TailwindCSS, move to the next section and make your very first page.