![tailwindcss unpkg tailwindcss unpkg](https://w3collective.com/wp-content/uploads/2020/08/tailwind-card-component-270x300.png)
PostCSS is a pretty nifty tool and has various purposes. The last command you ran is the creation of a postcss config file. $ npm i tailwindcss postcss-cli autoprefixerĪfter you've ran all of the commands you should have a directory called 'my-first-tailwind-project'. Open up your Terminal or Command Prompt and run the following commands: $ mkdir my-first-tailwind-project & cd my-first-tailwind-project If you want to setup your own project then keep on reading. The benefit of this extension is that it auto-reloads your browser when you make a change in your code. After that you can open the HTML file in the public folder with the live server extension that you installed.
#TAILWINDCSS UNPKG INSTALL#
Then you need to install the dependencies (by running 'npm install'). You can either clone or download the repo. However, if you don't want to follow the instructions below you can download a starter project that I created from this repository.
![tailwindcss unpkg tailwindcss unpkg](https://miro.medium.com/max/1200/1*aJ69WL4CTK7pIF3Ze2nzsQ.jpeg)
In order to use Tailwind you need to follow a few more steps. If you've done a bit of coding in the past then you probably have almost the full list installed on your machine already.
#TAILWINDCSS UNPKG HOW TO#
I'll write another blog post a bit later in which I explain how to use Tailwind in a React project.īefore you start please install the following (you can skip these steps if you already have them): The following set of instructions is relevant for simple setups with no frontend framework (read React, Vue or Svelte). If you want to use Tailwind in a bigger project then I would follow the steps below.
![tailwindcss unpkg tailwindcss unpkg](https://media.geeksforgeeks.org/wp-content/uploads/20210130155906/Screenshot20210130155828.png)