Тёмный

Setting up TailwindCSS in spring boot project step by step | SCM | END to END Project 

Learn Code With Durgesh
Подписаться 299 тыс.
Просмотров 9 тыс.
50% 1

In this video we are going to setup tailwind css in our spring boot project.
Setting up Tailwindcss in spring boot project step by step | SCM | END to END Project
Source Code: github.com/Lea...
Full Project Link: • Smart Contact Manager 2.0
Old Smart Contact Manager Project Link : • Spring Boot Project: S...
Full Project Link: • Smart Contact Manager 2.0
Old Smart Contact Manager Project Link : • Spring Boot Project: S...
Complete NextJs Series: • NextJS Tutorial with P...
Premium Course Library: courses.learnc...
React JS Course : courses.learnc...
Master Spring Boot Course : courses.learnc...
Telegram Link for Doubt: t.me/learncode...
Important Videos:
➡️React JS with Project : • 🔥 🔥 Complete React Js ...
➡️Learn JDBC in one video: • JDBC Crash Course in 1...
➡️Learn Python in One Video: • Learn Python in One Vi...
➡️Learn HTML in one video: • Jquery in one video in...
➡️Learn HTML form in one video: • Jquery in one video in...
➡️Learn JavaScript in one videos: • Learn JavaScript in O...
➡️Learn Form Validation using javascript and jquery: • Form Validation using ...
➡️Learn CSS in one video: • Jquery in one video in...
➡️Jquery in one video: • Jquery in one video in...
Kotlin is one video: • Kotlin | Learn Kotlin ...
➡️Complete Python Project - RU-vid downloader in one video: • Jquery in one video in...
Important Playlist:
➡️Spring Boot Tutorial with Project : • Spring Boot Tutorial i...
➡️Spring MVC Tutorial: • Spring MVC Tutorial St...
➡️Complete Spring Framework Tutorial: • Spring Framework Tutor...
➡️Hibernate Tutorials: • Hibernate Tutorial for...
➡️E-Commerce Project using Java: • E-Commerce Project usi...
➡️AWS Free Java Hosting Playlist: • AWS Hosting Tutorial |...
➡️Hibernate Tutorial Playlist: • Hibernate Tutorial for...
➡️Learn Technology in One Vides: • Learn in one video : C...
➡️Programming Tips for Programmers: • Coding Tips and Discus...
➡️Complete Python for Beginners: • Complete Python Tutori...
➡️Important Python Projects: • Python Projects in Hindi
➡️Complete Servlet & JSP : • Servlet and Jsp (Serve...
➡️Complete JDBC ( Java Database Connectivity) : • JDBC(Java Database Con...
➡️Complete Java Project : TechBlog: • Full Java Advance Pro...
➡️Java Swing Projects: • Java Projects for begi...
➡️Java Core Concepts: • Java Core Tutorial
➡️Kya aap Jante hai Series: • kya app jante hai : s...
Important Links:
👉Official Website (Source Code): learncodewithd...
👉Telegram Discussion Group: t.me/learncode...
👉Follow me on Instagram: / durgesh_k_t
👉Follow on Facebook / learncodewithdurgesh
Disclaimer:
All videos are for educational purposes and use them wisely. Any video may have a slight mistake, please take decisions based on your research. This video is not forcing anything on you.

Опубликовано:

 

3 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 108   
@koushik2686
@koushik2686 5 месяцев назад
Apko 2 year se follow kar raha hu apk sare video dekhe specially Jsp,Servlet,spring , Spring Boot, Microservice .
@sisir.chhetri
@sisir.chhetri 5 месяцев назад
Yes !! Marking My Attendance. Thank You For This Series..
@Its-Just-Info
@Its-Just-Info 4 месяца назад
Attendance!! Thankyou sir.
@SoumyaRanjanRout-eq4ws
@SoumyaRanjanRout-eq4ws 4 месяца назад
Before executing "npm init -y" in terminal install nodejs otherwise you will get error.
@DeepakKumar-p4b2f
@DeepakKumar-p4b2f 4 месяца назад
Thank you sir..
@aryamandhoundiyal1644
@aryamandhoundiyal1644 4 месяца назад
great video
@amankhairwar8072
@amankhairwar8072 2 месяца назад
Can you make another video to set-up tailwind in STS please
@SenTineL00
@SenTineL00 20 дней назад
Yes
@hahahihi-mo2nn
@hahahihi-mo2nn 3 месяца назад
The output file is missing a lot of CSS. U can see it if U use bg-blue-500 or something else
@_prateekg_
@_prateekg_ 5 месяцев назад
yes
@ajaykumar-wu6wu
@ajaykumar-wu6wu 5 месяцев назад
npm is not recognised problem?? i am also download node js exetension
@prathamgoel3386
@prathamgoel3386 4 месяца назад
How have u solved the issue, help me also
@neerajslab
@neerajslab 4 месяца назад
Yes 🙌
@Gamezone_55
@Gamezone_55 Месяц назад
can you pls help me any one ...I'm faing below error in ofc laptop when i try to active package.json fine in eclips teminal for the tailwinds "'npm' is not recognized as an internal or external command, operable program or batch file."
@draveshsingh1
@draveshsingh1 5 месяцев назад
Yes 😊
@ravipatel-po1uc
@ravipatel-po1uc 5 месяцев назад
yes
@SipunMishra11
@SipunMishra11 5 месяцев назад
Yes
@Swarajprakash-o6h
@Swarajprakash-o6h 5 месяцев назад
Sir STS ide me tailwind kese install ya run kare?
@akashtanajigurav8226
@akashtanajigurav8226 5 месяцев назад
kiya ky aapne muze bhi battado
@swapniltekale5303
@swapniltekale5303 2 месяца назад
Sir ye video banao
@amanverma7365
@amanverma7365 5 месяцев назад
yes
@swapniltekale5303
@swapniltekale5303 2 месяца назад
Yahi kam sts mai kaise kare sir.....console per kam kaise karen
@koushik2686
@koushik2686 5 месяцев назад
Apk spring course se spring sikha tha then spring boot sikha ab spring vul geya keya mujhe firse spring sikhna chahiye??
@chandankeshri9456
@chandankeshri9456 4 месяца назад
yes
@arindamghosh636
@arindamghosh636 Месяц назад
done
@riteshsingh-il8ht
@riteshsingh-il8ht 3 месяца назад
Done.
@pranaypaul6361
@pranaypaul6361 5 месяцев назад
yessss
@achyutpal6225
@achyutpal6225 2 месяца назад
Yes 🙋‍♂
@thedominatorscircle6762
@thedominatorscircle6762 4 месяца назад
any one can help me Specified input file src/main/resources/static/css/input.css does not exist. tailwind output.css installation problem
@NagpurianSurajPR
@NagpurianSurajPR 4 месяца назад
Bro make sure u r making all installation into the project folder. This error states that u r not making your changes in the main folder.
@thedominatorscircle6762
@thedominatorscircle6762 4 месяца назад
@@NagpurianSurajPR issue solved bro
@SHUBHAM-yy2si
@SHUBHAM-yy2si 4 месяца назад
​@@thedominatorscircle6762 bro could you please help me out, I am getting the same error.. how can I fix it..
@asrarahmad7671
@asrarahmad7671 5 месяцев назад
sir her video paa aak number diya kara series k liye
@ashvinigaur217
@ashvinigaur217 5 месяцев назад
Sir, which Mac are you?
@atharvsingh6901
@atharvsingh6901 2 месяца назад
Is JWT not possible in the thymeleaf project ?if yes then plz help us do it
@devanshsharma8543
@devanshsharma8543 2 месяца назад
tf.
@atharvsingh6901
@atharvsingh6901 2 месяца назад
@@devanshsharma8543 ??
@akashtanajigurav8226
@akashtanajigurav8226 5 месяцев назад
how to do it in STS make viode on it please sirrr
@SumitKumar-xt8ln
@SumitKumar-xt8ln 5 месяцев назад
--watch is not working, every time i have to run the build cli command if i add any new class in html and save it.. please help me out here.
@AkshaySharma-wy6lv
@AkshaySharma-wy6lv 4 месяца назад
same
@sagnikbose5823
@sagnikbose5823 5 месяцев назад
I have setup my tailwind input and output files but still changes are not getting reflected can someone help me out?
@sagnikbose5823
@sagnikbose5823 5 месяцев назад
I can also see in terminal Rebuilding command
@amanverma7365
@amanverma7365 5 месяцев назад
same problem
@kritikumari727
@kritikumari727 5 месяцев назад
Same problem
@amanverma7365
@amanverma7365 5 месяцев назад
Complete that video once ....you can solve this problem 🙏
@yckills2693
@yckills2693 4 месяца назад
bro you always need to exicute this kind of syantax in youre terminal whenever you are run youre project npx tailwindcss -i src/main/resources/static/css/input.css -o src/main/resources/static/css/output.css --watch
@guruvachan2004indian
@guruvachan2004indian 5 месяцев назад
Could not find or load main class ..sayad ye problem version 21 ki vajah se aayi please reply anyone
@kritikumari727
@kritikumari727 5 месяцев назад
Specified input file src/main/resources/static/css/input.css does not exist but sir jese video mai btya hai proper vahi kiya hai @durgesh sir please reply
@sankarprasadnayak7875
@sankarprasadnayak7875 4 месяца назад
I have same issue if you solve this problem then guide me
@AkshaySharma-wy6lv
@AkshaySharma-wy6lv 4 месяца назад
same issue 😭
@AkshaySharma-wy6lv
@AkshaySharma-wy6lv 4 месяца назад
bhai check the root directory scm2.0/scm2.0 > run npx here
@SHUBHAM-yy2si
@SHUBHAM-yy2si 4 месяца назад
​@@AkshaySharma-wy6lv Done bro... Thanku so much...
@SHUBHAM-yy2si
@SHUBHAM-yy2si 4 месяца назад
​@@sankarprasadnayak7875 before typing commands type cd 2.0 then enter then all commands.
@krishnakantpal1655
@krishnakantpal1655 2 месяца назад
sir mere me ye kaam kar rha hai but html change not include "npx tailwindcss -i D:\Project\smartcm\smartcm\src\main esources\static\css\input.css -o D:\Project\smartcm\smartcm\src\main esources\static\css\output.css --watch" lekin agar apka code run kar rha hu to error aa rha hai "npx tailwindcss -i src/main/resources/static/css/input.css -o src/main/resources/static/css/output.css --watch" Error is "Specified input file src/main/resources/static/css/input.css does not exist." but my input.css path is "D:\Project\smartcm\smartcm\src\main esources\static\css\input.css" please help me.
@jatinjangid3917
@jatinjangid3917 Месяц назад
bhai same error mujhe tumhe iska solution mila kya
@aritrohazra1508
@aritrohazra1508 13 дней назад
same here bhai
@aritrohazra1508
@aritrohazra1508 13 дней назад
npx tailwindcss -i scm2.0/src/main/resources/static/css/input.css -o scm2.0/src/main/resources/static/css/output.css --watch use this it will work for sure
@learncoding1999
@learncoding1999 3 месяца назад
Sir Smart contact Manager project kab la rahe ho ?
@amanverma7365
@amanverma7365 5 месяцев назад
sir tailwind css browser pr refelct nahi ho raha hai
@amanverma7365
@amanverma7365 5 месяцев назад
solve ho gya mera
@monaagrawal3892
@monaagrawal3892 5 месяцев назад
@@amanverma7365 kese?
@amanverma7365
@amanverma7365 5 месяцев назад
@@monaagrawal3892 flowbit setup kro ho jayega ....video me sir setup kiye hai
@SHUBHAM-yy2si
@SHUBHAM-yy2si 4 месяца назад
​@@amanverma7365 help me brother kaishe kiya.. mera tailwind css browser p ni chll rha h
@CoderPiku7377
@CoderPiku7377 5 месяцев назад
npm command nhi chal rha hai sir npm not recognize
@mytymegaming856
@mytymegaming856 5 месяцев назад
Npm not recognised aa raha hai
@LearnCodeWithDurgesh
@LearnCodeWithDurgesh 5 месяцев назад
install node js
@shivamkumarsingh7816
@shivamkumarsingh7816 4 месяца назад
👍
@ritikavarshney7336
@ritikavarshney7336 5 месяцев назад
where can i find code
@MG-nz7gg
@MG-nz7gg 5 месяцев назад
npm is not recognised problem?? How to resolve??
@mytymegaming856
@mytymegaming856 5 месяцев назад
Same problem
@sahilrathod9077
@sahilrathod9077 5 месяцев назад
You have to install node js for it
@LearnCodeWithDurgesh
@LearnCodeWithDurgesh 5 месяцев назад
install node js
@harman_preet09
@harman_preet09 5 месяцев назад
I have install node js but still getting npm not recognised
@mytymegaming856
@mytymegaming856 5 месяцев назад
@@harman_preet09 go to the path of environment variable and paste the path of node js directory
@rishiraj2548
@rishiraj2548 5 месяцев назад
🙏👍
@kuldeepbanker6245
@kuldeepbanker6245 3 месяца назад
next day me project start kiya to HTML file me color or font change karne pe ho hi nhi raha hai tailwindcss wali command bhi dal ke dekhi but kuch nhi ho raha hai.anyone face this issue
@HimanshuKumar-or5kd
@HimanshuKumar-or5kd 3 месяца назад
bhai kaise solve hua ye issue apaka
@akashtanajigurav8226
@akashtanajigurav8226 5 месяцев назад
how to do it in eclipse can anyone help me !!!!!!!!!!!!!!
@rashmirekha7895
@rashmirekha7895 4 месяца назад
tailwindcss installation problem
@SoumyaRanjanRout-eq4ws
@SoumyaRanjanRout-eq4ws 4 месяца назад
After executing "npx tailwindcss -i ./src/main/resources/static/css/input.css -o ./src/main/resources/static/css/output.css --watch" command multiple time. still output.css file is not creating. What to do and How to do. Any one is there who can help me out.
@shivani7279
@shivani7279 4 месяца назад
facing same issue
@SoumyaRanjanRout-eq4ws
@SoumyaRanjanRout-eq4ws 4 месяца назад
@@shivani7279 You can use complete path like this: npx tailwindcss -i D:\scm2.0\scm2.0\src\main esources\static\css\input.css -o D:\scm2.0\scm2.0\src\main esources\static\css\output.css --watch
@ashwanisharma6075
@ashwanisharma6075 3 месяца назад
run this command npx tailwindcss -i scm2.0/src/main/resources/static/css/input.css -o scm2.0/src/main/resources/static/css/output.css --watch
@ashwanisharma6075
@ashwanisharma6075 3 месяца назад
@@shivani7279 run this command npx tailwindcss -i scm2.0/src/main/resources/static/css/input.css -o scm2.0/src/main/resources/static/css/output.css --watch
@ranjitdesai3926
@ranjitdesai3926 2 месяца назад
put "files.associations": { "*.css": "tailwindcss" }in package.json as well as tailwind.config.js
@BableshAAzad
@BableshAAzad 5 месяцев назад
Next project --> front end ReactJS + spring boot..😁😁😁
@devenderdalal3478
@devenderdalal3478 5 месяцев назад
new videos please
@shashantsrivastava2343
@shashantsrivastava2343 3 месяца назад
nothing is working except bg-gray-200
@harshalkodgirwar4529
@harshalkodgirwar4529 2 месяца назад
same
@sunjaykumar2028
@sunjaykumar2028 5 месяцев назад
Web server failed to start. Port 8090 was already in use. Sir i facing continue this problem .I try many solution like check property and other like stop cmd process but nothing work,even i try npm to stop the process.Plz give me permanent solution.If anyone have plz say .🙏
@sumitchougule7615
@sumitchougule7615 5 месяцев назад
Use server.port= any different port number it will work try it if not I will look for different approach
@amanverma7365
@amanverma7365 5 месяцев назад
you must reload the project not restart .......
@sunjaykumar2028
@sunjaykumar2028 5 месяцев назад
not working bro@@amanverma7365
@yckills2693
@yckills2693 4 месяца назад
set different port no and again restart compiler and run youre project it will help you
@CoderPiku7377
@CoderPiku7377 4 месяца назад
PS F:\project\SCM2.0> npx tailwindcss -i ./src/main/resources/static/css/input.css -o ./src/main/resources/static/css/output.css --watch Specified input file ./src/main/resources/static/css/input.css does not exist.
@deepakprajapat2428
@deepakprajapat2428 4 месяца назад
css ke ander move kar do input.css ko
@ashwanisharma6075
@ashwanisharma6075 3 месяца назад
run this command npx tailwindcss -i scm2.0/src/main/resources/static/css/input.css -o scm2.0/src/main/resources/static/css/output.css --watch
@yaseenkalam2425
@yaseenkalam2425 Месяц назад
Yes
@MdSajid67979
@MdSajid67979 5 месяцев назад
Yes
@SoumyaRanjanRout-eq4ws
@SoumyaRanjanRout-eq4ws 4 месяца назад
After executing "npx tailwindcss -i ./src/main/resources/static/css/input.css -o ./src/main/resources/static/css/output.css --watch" command multiple time. still output.css file is not creating. What to do and How to do. Any one is there who can help me out.
@SHUBHAM-yy2si
@SHUBHAM-yy2si 4 месяца назад
Bro I am getting the same error please help me out...
@ranjitdesai3926
@ranjitdesai3926 2 месяца назад
npx tailwindcss -i src/main/resources/static/css/input.css -o src/main/resources/static/css/output.css --watch
@CoderPiku7377
@CoderPiku7377 5 месяцев назад
npm command nhi chal rha hai sir npm not recognize
@LearnCodeWithDurgesh
@LearnCodeWithDurgesh 5 месяцев назад
Ok I will create video for that . Install node js
@CoderPiku7377
@CoderPiku7377 5 месяцев назад
@@LearnCodeWithDurgesh ok sir Thanks
Далее
Лучше одной, чем с такими
00:54
小路飞嫁祸姐姐搞破坏 #路飞#海贼王
00:45