<h1 id="heading-tailwind-letsgo">Tailwind Letsgo</h1>
<p>A shell script to automate the tailwind installation process.</p>
<h2 id="heading-prerequisites">Prerequisites</h2>
<p>Node Js is required to run this script. If not installed, install it using this link <a href="https://nodejs.org/en/download/" class="autolinkedURL autolinkedURL-url" target="_blank">nodejs.org/en/download</a></p>
<h2 id="heading-run-the-script">Run the script</h2>
<pre><code class="lang-plaintext">$ source tailwind.sh
</code></pre>
<h2 id="heading-the-following-commands-will-be-executed">The following commands will be executed</h2>
<p><em>Note: The commands are executed in order as the script is sourced. You do not have to run them manually.</em></p>
<ol>
<li>Install Tailwind CSS</li>
</ol>
<ul>
<li>Install tailwindcss via npm, and create your tailwind.config.js file.</li>
</ul>
<ol>
<li>Configure your template paths</li>
</ol>
<ul>
<li>Add the paths to all of your template files in your tailwind.config.js file.</li>
</ul>
<ol>
<li>Add the Tailwind directives to your CSS</li>
</ol>
<ul>
<li>Add the <a href="https://hashnode.com/@tailwind" class="user-mention" target="_blank" rel="noopener">@tailwind</a> directives for each of Tailwind’s layers to your main CSS file.</li>
</ul>
<ol>
<li><p>Start the Tailwind CLI build process</p>
</li>
<li><p>Start using Tailwind in your HTML</p>
</li>
</ol>


# Tailwind Letsgo

A shell script to automate the tailwind installation process.

## Prerequisites

Node Js is required to run this script. If not installed, install it using this link https://nodejs.org/en/download/

## Run the script

```plaintext
$ source tailwind.sh
```

## The following commands will be executed

*Note: The commands are executed in order as the script is sourced. You do not have to run them manually.*

1. Install Tailwind CSS
    

* Install tailwindcss via npm, and create your tailwind.config.js file.
    

1. Configure your template paths
    

* Add the paths to all of your template files in your tailwind.config.js file.
    

1. Add the Tailwind directives to your CSS
    

* Add the @tailwind directives for each of Tailwind’s layers to your main CSS file.
    

1. Start the Tailwind CLI build process
    
2. Start using Tailwind in your HTML

Automate the Tailwind CSS Installation Process

Tailwind Letsgo

Prerequisites

Run the script

The following commands will be executed