here is the link to the video Watch Video here ...it's straight to point.
please, do not forget to subscribe
Help my Channel grow 😊 🙏
step 1
make sure you download and install nodejs if you haven't
use this link download NodeJs
step2
create a new folder called tailwindproj (you can call it anything you like)
step 3
open the project folder in your code editor (I am using Vs Code)
and open a new terminal
step 4
copy and run the following command into your terminal
npm init -y
step 5
npm install -D tailwindcss
step 6
npx tailwindcss init
step 7
copy and replace the command in "tailwind.config.js" file with the command below
module.exports = {
content: ["./public/**/*.{html,js}"],
theme: {
extend: {},
},
plugins: [],
}
step 8
-create a new folder called "src" inside your project folder
-create a file called "styles.css" inside the src folder
step 9
copy and paste the code below inside the styles.css file created
@tailwind base;
@tailwind components;
@tailwind utilities;
*step 10 *
paste and run the code below in your terminal
npx tailwindcss -i ./src/styles.css -o ./public/styles.css --watch
step 11
A new folder called "public" is automatically generated after running the command above
-create a new html file "index.html" for your project inside the folder "public"
step 11
link the generated css file (styles.css) to your project.
your project should basically look like this now
step 12
reload your project and that's it.
here is the link to the video Watch Video here ...it's straight to point.
please, do not forget to subscribe
Help my Channel grow 😊 🙏
thaaaank you sooo much 😊
Top comments (0)