Plan du site  
pixel
pixel

Articles - Étudiants SUPINFO

TailwindCss whith NuxtJs

Par Lauris HOUNKPEVI Publié le 15/12/2019 à 22:06:35 Noter cet article:
(0 votes)
En attente de relecture par le comité de lecture

Introduction

Bootstrap étant la référence pour les frameworks css, Tailwind propose un concept différent de celui de bootstrap. TailwindCss donne la possibilté de créer son propre style.

Installation

Créons un projet NuxtJs et installons TailwindCss

NuxtJs

npx create-nuxt-app tailwindcssNuxt

TailwindCss

npm install tailwindCss --save-dev

Configuration

Créez dans le dossier assets le fichier app.css

Generez le fichier tailwind.config.js avec la commande :

npx tailwind init

Ajoutez tailwind dans votre style :

      @tailwind base; 

      @tailwind components;

      @tailwind utilities; 
    

Modifiez le fichier nuxt.config.js :

 css: [ '~assets/styles/app.scss' ]

Conclusion

Cet article a pour but de vous montrer le moyen d'intégrer simplement TailwindCss à un projet NuxtJs.

A propos de SUPINFO | Contacts & adresses | Enseigner à SUPINFO | Presse | Conditions d'utilisation & Copyright | Respect de la vie privée | Investir
Logo de la société Cisco, partenaire pédagogique de SUPINFO, la Grande École de l'informatique, du numérique et du management Logo de la société IBM, partenaire pédagogique de SUPINFO, la Grande École de l'informatique, du numérique et du management Logo de la société Sun-Oracle, partenaire pédagogique de SUPINFO, la Grande École de l'informatique, du numérique et du management Logo de la société Apple, partenaire pédagogique de SUPINFO, la Grande École de l'informatique, du numérique et du management Logo de la société Sybase, partenaire pédagogique de SUPINFO, la Grande École de l'informatique, du numérique et du management Logo de la société Novell, partenaire pédagogique de SUPINFO, la Grande École de l'informatique, du numérique et du management Logo de la société Intel, partenaire pédagogique de SUPINFO, la Grande École de l'informatique, du numérique et du management Logo de la société Accenture, partenaire pédagogique de SUPINFO, la Grande École de l'informatique, du numérique et du management Logo de la société SAP, partenaire pédagogique de SUPINFO, la Grande École de l'informatique, du numérique et du management Logo de la société Prometric, partenaire pédagogique de SUPINFO, la Grande École de l'informatique, du numérique et du management Logo de la société Toeic, partenaire pédagogique de SUPINFO, la Grande École de l'informatique, du numérique et du management Logo du IT Academy Program par Microsoft, partenaire pédagogique de SUPINFO, la Grande École de l'informatique, du numérique et du management

SUPINFO International University
Ecole d'Informatique - IT School
École Supérieure d'Informatique de Paris, leader en France
La Grande Ecole de l'informatique, du numérique et du management
Fondée en 1965, reconnue par l'État. Titre Bac+5 certifié au niveau I.
SUPINFO International University is globally operated by EDUCINVEST Belgium - Avenue Louise, 534 - 1050 Brussels