How to create a Spring Boot Project in Visual Studio Code

If you didn't know there are some really great extensions for Visual Studio Code that allow you to create and run Spring Boot Applications. In this tutorial, we are going to create a Spring Boot Application in Visual Studio Code and then create a small Vue application that can talk to our REST API.
RESOURCES & LINKS MENTIONED IN THIS VIDEO:
Visual Studio Code Extensions:
Spring Boot Dev Pack: marketplace.vi...
Java Pack: marketplace.vi...
Connect with me
Website: www.danvega.dev
Twitter: / therealdanvega
Github: github.com/dan...
Instagram: / thedanvega
LinkedIn: / danvega
SUBSCRIBE TO MY CHANNEL: bit.ly/2re4GH0 ❤️

[@DanVega]

What are you favorite tips, tricks or extensions for Java Development in Visual Studio Code?

[@RonanConnolly]

I have to say, this is the video that finally got me trying out Vue AND giving Spring a go in VSCode. Thanks, and keep up the good work 🚀 It'd be great if you could add links and/or full names for the VSCode extensions used to the description of this video.

[@DanVega]

Wow thanks for the awesome comment. I will absolutely add all of the extensions to the comments soon.

[@RonanConnolly]

​@@DanVega Pretty much just need to install the Java & Spring extension packs, plus the @vue/cli package. Also you need to have Java 1.8+ and Apache Maven 3+ installed. I followed these three links and it sorted everything out for me (some good general info on Java development in VSCode too): code.visualstudio.com/docs/java/java-tutorial code.visualstudio.com/docs/java/java-spring-boot cli.vuejs.org/guide/installation.html

[@ErikWeibust]

Dan, just wanted to say I'm really impressed with the quality of your videos (both production and content)! Keep 'em coming. Maybe more Java/Spring vids. ;)

[@DanVega]

Thank you, Erik! What topics in Java/Spring would you be interested in?

[@leeritenour]

Nice video.Thanks! I think the better way to demonstrate this is to show the audience first how to install the plug-in and then dive into the implementation part so that they don't have to go over the video again after installing the plugin. Anyways, this is really helpful. Would love to see more in the future. Cheers.

[@_estebn]

I've recently started learning Spring and Vue.js separately. This video was just perfect to help me join both. Thanks!

[@DanVega]

Glad it was helpful!

[@ddefrancesco]

Very well done. But what if I have to create a multi-module spring-boot project like the spring docs examples? TIA

[@RonanConnolly]

I work with Angular in VSCode for the frontend. The backend devs I've worked with use either Eclipse or IntelliJ for Java projects (nearly all Spring boot projects these days). Do you think VSCode has come far enough with it's Java & Spring support to allow a person to develop Java code full time with it?

[@DanVega]

I still use IntelliJ but the support in VS Code is really good!

[@hexchad765]

@@DanVega I've also made the switch from intellij after 20 years of using it

[@devakash2]

Great video. I keep getting scratched in my left earbud in your audio while your'e speaking. IDK if it's me or the video.

[@leeritenour]

7:22 How do you evoke the help for that keyword? I have the auto-completion while I am typing it, but it did not show the detailed information like yours.

[@krajaneesh]

Atlassian Bamboo, The Jenkins alternative. ? Google said so for 8085. Thank you for VS Code tips.

[@DanVega]

I didn't quite understand your question. Thank you for watching!

[@IWASMADEFORBATTLE]

How does spring boot-dashboard open up on terminal and not in debug console? i need that!!

[@martinpretorius8472]

Thank you for the very helpful video, was just looking at the Spring boot options for VSCode today.

[@DanVega]

Thanks for watching, Martin!

[@yassinerassy6840]

Great video thank you Dan Vega you are my best !!

[@DanVega]

Thank you so much for watching :)

[@caterina5968]

Awesome, I would have loved if you showed the extensions first so that I could do it while you were doing it.

[@actualprogramming]

Awesome tutorial!!!

[@DanVega]

Thank you!

[@aahadqureshi2183]

just try to talk less man there r people who have watch in rush

[@VANTYCSolutions]

Amazing! could you do the same using React, please?

[@ranajitjana4030]

Thank you, Good one. I was looking for the extensions. You exactly told what to do

[@andremyszko]

thank you so much for this tutorial!

[@sultan4946]

Awesome! How to make running front and back on the same http server?

[@kovalensue]

which colo theme do u use?

[@DanVega]

I use Synthwave 84 which is my favorite theme! marketplace.visualstudio.com/items?itemName=RobbOwen.synthwave-vscode

[@chhorchamroeun5959]

thanks you, Dan. its very helpful !

[@muurimc]

Really helpful video

[@DanVega]

Appreciate that Rami ☺️

[@frenesei]

I love you AAAAAAAA

[@quantondev]

For those who want to work on jdk11. change java version on maven pom.xml or gradle thing . and don't do run thing from main method. instead use spring-boot dashboard to run application first this will generate .vscode/launch.json file in your project folder your project will be started with those settings. I don't know why but otherwise jdk refuses to understand code. sorry for bad telling. writing from mobile.

[@DanVega]

You are correct, the Spring Initializr doesn't ask what version of Java you want to use so you will need to update the pom.xml to use Java 11. I was able to the run the project right form the main method though 🤷‍♂️

[@quantondev]

I don't know. Maybe I downloaded another extension and it just block working with run buton on main. Lol That is weird

[@DanVega]

@@quantondev Another route you could go is to just use start.spring.io and you get a little more control there and then you could just open the project in VS Code 🤷‍♂️

[@quantondev]

@@DanVega that works but the wwird thing is when project just setted up and I hit run on main method it doesn't work. İt opens default terminal and writes command. I guess the problem is me using wsl. Java not being defined in wsl(Windows subsystem Linux). I changed default vscode terminal to cmd and it fixed.

[@KidJV]

I have this error "We're sorry but frontend doesn't work properly without JavaScript enabled. Please enable it to continue." can help?

[@KidJV]

fixed it..something to do with templating and the vue.config.js

[@cristoferguevaravillegas2058]

Excelente amigo, muchas gracias.

[@timmytim9054]

port 8085 is too dear to his heart

[@MrNiceseb]

I don' see the Run/Debug annotation above line 9 of the DemoApplication.java file. I am using Java 11. Do I need to use Java 14 for that to show?

[@yashrastogi3726]

Install Java Test Runner extension in vscode

[@alejandrolara6906]

Right click on the text of your backend file and click on run java, you might be missing an extension like in my case i forgot the name of it, vs will ask you to install it and thats all

[@hexchad765]

Can you get this same stack working in Docker? ;)

[@DanVega]

Just being honest here but I don't use Docker for anything... I would love to hear why you might want to do that and if anyone else is reading this have you used this stack in Docker?

[@hexchad765]

@@DanVega Since then I've set it up in Docker. The advantages are many. Zero, or near zero, configuration on new dev machine. Just one command to run it and get to work. Declarative configuration that is VCS versionable, containing the entire OS and all of its server dependencies within. My host/dev PC doesn't have anything but Docker machine, an editor, and a mail client. Not even Java. I can support endless application with new and legacy libraries this way. Not to mention the implications for devops. Honestly, 10 years ago I got into Docker and feel strange mixing up my local dev machine now. Cheers

[@beginerdev]

How does a terminal have a color like your IDE? Thank!

[@DanVega]

My theme is Synthwave 84 and the terminal colors come along with it.. I think 🤷‍♂️

[@leeritenour]

@@DanVega Hi, Dan. How do you get the extension run in the Terminal instead of the Debug Console? When I run the application, it always shows the building process in the Debug Console.

[@jvargh]

@@DanVega can the settings.json be provided where the terminal color customizations is located? Applied above theme and tried everything but the logging color syntax for Terminal screen just doesnt show :(

[@shashankpapde5631]

Tcpip port

[@DanVega]

huh?

[@RonanConnolly]

@@DanVega I believe he's referring to port: 8085

[@hexchad765]

@@RonanConnolly His question wasn't what protocol lol. It was what application defaulted to this 8085. Something not current

[@devakash2]

Actual Start => 2:36 Thank me later :P