Skip to main content

Script pour créer un projet Django avec Vite et Tailwind CSS

Project description

django-vite-app

Ce projet est un script conçu pour configurer un projet Django avec Vite et Tailwind CSS. Il est destiné à simplifier la mise en place d'un environnement de développement web moderne avec Django comme backend, React pour le frontend, et Tailwind CSS pour la gestion des styles.

Prérequis

Avant d'exécuter ce script, assurez-vous que votre environnement remplit les conditions suivantes :

Python

Le script nécessite Python 3.9 ou une version supérieure pour fonctionner correctement.

Vérifiez votre version de Python avec la commande suivante :

python --version

Si nécessaire, téléchargez et installez Python depuis le site officiel : python.org.

Node.js

Le script fonctionne avec Node.js v20.15.0 ou supérieur pour gérer la configuration de Vite.

Vérifiez votre version de Node.js avec la commande suivante :

node --version

Si vous devez installer ou mettre à jour Node.js, rendez-vous sur nodejs.org.

Autres Prérequis

  • Tailwind CSS v3.4.17 : Ce script est conçu pour fonctionner avec cette version de Tailwind. Aucune version ultérieure n'a été testée pour le moment.
  • React et Django : Le script fonctionne exclusivement avec une combinaison de React pour le frontend et Django pour le backend.

Environnement de Développement

  • Sur Windows, il est important d'exécuter ce script dans cmd (Command Prompt) et non dans PowerShell. PowerShell peut causer des conflits ou des erreurs, donc il est recommandé d'utiliser cmd pour garantir une exécution fluide sur windows ou dans bash sur Linux/MacOS.

Installation

Étape 1 : Creer ton projet

Installer le package :

pip install django-vite-app

Avertissement d'installation :

Le script create-django-vite-app.exe sera installé dans un répertoire spécifique de votre système, mais ce répertoire n'est peut-être pas automatiquement ajouté au PATH de votre système. S'il n'est pas ajouté cela signifie que vous pourriez recevoir l'avertissement suivant :

Exemple:
WARNING: The script create-django-vite-app.exe is installed in 'C:\Users\utilisateur\AppData\Local\Packages\PythonSoftwareFoundation.Python.3.12\LocalCache\local-packages\Python312\Scripts' which is not on PATH. Consider adding this directory to PATH or, if you prefer to suppress this warning, use --no-warn-script-location.

Solution :

Pour résoudre ce problème et pouvoir lancer la commande create-django-vite-app directement depuis votre terminal (cmd sous Windows ou bash sous Linux/MacOS), vous devez ajouter le répertoire d'installation du script au PATH de votre système.

Voici comment faire :

Ouvrir les paramètres système avancés :
    Cliquez avec le bouton droit sur Démarrer, puis sélectionnez Système > Paramètres système avancés.
    Cliquez sur Variables d'environnement....

Modifier la variable Path :
    Dans la section Variables système, trouvez et sélectionnez la variable Path, puis cliquez sur Modifier.
    Ajoutez un nouveau chemin en cliquant sur Nouveau et collez le chemin suivant :

Placer le chemin que le warning vous aura donner 
Exemple: C:\Users\utilisateur\AppData\Local\Packages\PythonSoftwareFoundation.Python.3.12\LocalCache\local-packages\Python312\Scripts

Enregistrer les modifications :

Cliquez sur OK pour enregistrer les modifications.

Enfin, vous pouvez lancer le script avec la commande suivante, toujours dans cmd sur windows ou dans bash sur Linux/MacOS :

create-django-vite-app

Cela lancera le processus de configuration pour intégrer Vite avec votre projet Django et configurera Tailwind CSS.

Étape 2 : Suivre les étapes dans le cmd sur windows ou dans bash sur Linux/MacOS

C'est un script interactif qui interagit avec l'utilisateur à chaque étape

Usage

Après installation vous aurez un message

✅ Installation terminée !
Backend : un scrit pour lancer django
Frontend: un script pour lancer react

Point important: exécuter les scripts dans le CMD sur windows ou dans bash sur Linux/MacOS

Fonctionnalités

  • Ce script crée un environnement de développement intégré avec Django, React et Tailwind CSS.
  • Il configure automatiquement Vite comme bundler pour React.
  • Il installe Tailwind CSS v3.4.17 et l'intègre dans le projet.

Limitations

  • Actuellement, ce script est conçu pour fonctionner uniquement avec Django + React + Tailwind CSS. D'autres frameworks ou outils de frontend ne sont pas supportés pour le moment.
  • Le script doit être exécuté dans cmd, et non dans PowerShell, pour éviter tout conflit potentiel sur windows ou dans bash sur Linux/MacOS.

Contribution

Les contributions sont les bienvenues ! Si vous avez des suggestions ou des améliorations, n'hésitez pas à ouvrir une issue ou à soumettre une pull request.

Licence

Ce projet est sous licence MIT. Consultez le fichier LICENSE pour plus de détails.

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

django_vite_app-0.1.6.tar.gz (7.6 kB view details)

Uploaded Source

Built Distribution

If you're not sure about the file name format, learn more about wheel file names.

django_vite_app-0.1.6-py3-none-any.whl (7.9 kB view details)

Uploaded Python 3

File details

Details for the file django_vite_app-0.1.6.tar.gz.

File metadata

  • Download URL: django_vite_app-0.1.6.tar.gz
  • Upload date:
  • Size: 7.6 kB
  • Tags: Source
  • Uploaded using Trusted Publishing? No
  • Uploaded via: twine/6.1.0 CPython/3.12.9

File hashes

Hashes for django_vite_app-0.1.6.tar.gz
Algorithm Hash digest
SHA256 ffcca2069a322e6d59e0189c10e13ad092834ca77dece16e85f82594c287b254
MD5 4e4141e1441b980ae1966f14aa65bb23
BLAKE2b-256 5fc7205cf047fccb392642ed4b3438206768958e0f79c000996eb71d70239941

See more details on using hashes here.

File details

Details for the file django_vite_app-0.1.6-py3-none-any.whl.

File metadata

File hashes

Hashes for django_vite_app-0.1.6-py3-none-any.whl
Algorithm Hash digest
SHA256 637cc88b8c2301e7adad0e12a9b434cc5a6dd6f74b611ae7bb4090b931e0ede0
MD5 14e537c085f33ae2c8149d82b7456e70
BLAKE2b-256 91c17ff2e33b0a98e48d2b99f2b408a180c933d4c148f7917526832c7d9b5092

See more details on using hashes here.

Supported by

AWS Cloud computing and Security Sponsor Datadog Monitoring Depot Continuous Integration Fastly CDN Google Download Analytics Pingdom Monitoring Sentry Error logging StatusPage Status page