Setup css course

1. mkdir tailwind-course
2. cd tailwind-course
3. npm init -y
4. code tailwind-course
5. npm install live-server -D
6. Add the below command into package.json

"start": "live-server",

7. npm run dev

Setup git

1. git init
2. touch .gitignore
3. ignore below files

.idea/
node_modules/

4. git status
5. git add .
6. git commit -m "create a project for tailwind css"

Install tailwind css

1. https://tailwindcss.com/docs/installation
2. follow the instructions of the installation page
3. add src folder under tailwind-course

Start npm

npm run start will execute the following command:

"start": "live-server & tailwindcss -i ./src/index.css -o ./dist/index.css --watch",

VSCode extension

1. tailwind

• Display underlying css
• AutoComplete