How to setup Tailwind in Angular | Install Tailwind in Angular 14 Project

Published: 24 September 2022
on channel: MrNick
182
1

How to setup Tailwindcss in Angular

1. create a new angular project or you can do it in exists project

2. install the tailwindcss
$ npm install -D tailwindcss postcss autoprefixer
or
$ yarn add -D tailwindcss postcss autoprefixer


3. run this command to setup - $ npx tailwindcss init


4. add this text in tailwind.config.js
content: [
"./src/**/*.{html,ts}",
],


5. add this text in styles.css
@tailwind base;
@tailwind components;
@tailwind utilities;

6. Add this
add the HTML

7. run the server - $ ng serve -o
#tailwindcss #angular #tailwind


Watch video How to setup Tailwind in Angular | Install Tailwind in Angular 14 Project online, duration hours minute second in high quality that is uploaded to the channel MrNick 24 September 2022. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 182 times and liked it 1 visitors.