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

Опубликовано: 24 Сентябрь 2022
на канале: 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


Смотрите видео How to setup Tailwind in Angular | Install Tailwind in Angular 14 Project онлайн, длительностью часов минут секунд в хорошем качестве, которое загружено на канал MrNick 24 Сентябрь 2022. Делитесь ссылкой на видео в социальных сетях, чтобы ваши подписчики и друзья так же посмотрели это видео. Данный видеоклип посмотрели 182 раз и оно понравилось 1 посетителям.