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

Опубликовано: 24 Сентябрь 2022
на канале: MrNick
163
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, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 16 раз и оно понравилось людям.