DEV Community

Jan Leander
Jan Leander

Posted on

Automated Tailwind CSS integration for Django

This django-tailwindcss-automated package aims to speed up the setup process of the TailwindCSS within a Django project.


Requirements

Before you dive in, make sure you have the following installed on your computer:


Create a folder for your Django project.

  • Open your file explorer or terminal and create a folder for your Django project. You can do this by navigating to the directory where you want to create the folder and using the mkdir command (if you're using a terminal) or by right-clicking and selecting "New Folder" in your file explorer.

window screenshot


Open VSCode

  • In VSCode, go to "File" > "Open Folder..." and navigate to the folder you created {your_project_name}. Select the folder and click "Open".

Open Folder screenshot


Install the Package

  • Open your terminal and install the package using pip.
pip install django_tailwindcss_automated
Enter fullscreen mode Exit fullscreen mode

Run the Script

  • In your terminal, run the following script to automate the setup.
automate
Enter fullscreen mode Exit fullscreen mode

Start the Development Server

  • Open another terminal and navigate to the {your_project_name} directory within your project folder
cd {your_project_name}
Enter fullscreen mode Exit fullscreen mode

Then start the development server

python manage.py runserver
Enter fullscreen mode Exit fullscreen mode

Happy Coding!!

Screenshot


Encountered an Issue?

  • If you encounter any issues or have suggestions for improvements while using the django-tailwindcss-automated package, feel free to open an issue on Github Issues.

Screenshot github issues

Top comments (0)