With tailwindcss you can rapidly build modern websites without ever leaving your HTML.
to start a project using tailwind follow me!
if you use linux OS just open you'r terminal and type:
and then go to tailwind_dev folder
to make package.json file you need npm ;
if you don't have npm just follow this link.
after that,in you'r terminal type
npm init -y
now if you check the tailwind_dev folder; you'll see the package.json file!
for install tailwind just type
npm install tailwindcss --save
now its time to make two folder
in you'r terminal type
enter to you'r src folder and with
make you'r css file.
in you'r terminal to enter public folder and type
open you'r IDE and then open you'r style.css file in src folder and write this codes to import tailwind base,components and utilities
@tailwind base; @tailwind components; @tailwind utilities;
save you'r changes !
open you'r package.json file
"test": "echo \"Error: no test specified\" && exit 1"
"build-css": "tailwindcss build src/style.css -o public/style.css"
it's almost done, just type
npm run build-css
in you'r terminal.
after that, if you check the public folder you can see the style.css that include tailwindcss class !
just open you'r html file and make you'r project,
to link style.css to you'r html file;in head tag write this code:
<link rel="stylesheet" href="style.css">