How to Create a SpringBoot App.
Tags: webdev, vscode, java, beginners
Published: 2021-05-20 18:12:51

![SpringBoot Tutorial Logo by grokonez.com](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1vi1oay1dusgqzarbpi1.png "Tutorial Logo")

##### This being my first post on here, forgive any error or lack of sophistication. :)

   So, there are about **4** ways **I KNOW** by/in which you can create a SpringBoot Web App **AUTOMATICALLY** without having to write a single line of code for configuration, e.t.c.

Namely: 
1. By installing extension(s) in VSCode(Virtual Studio Code)
2. By using [start.spring.io's website](https://start.spring.io/), well your'e not creating the web app but the means to the web app.
3. By using the STS(Spring Tool Suite) App 
4. By installing extension(s) in Intellij IDEA

* Okay so allow me break this down. 
I have only used the first two ways/methods, the last two have been confirmed by "sight seeing" :). I can most assuredly tell you that all 4 ways/methods work perfectly fine.

###### I will only show you how in the order of the no-brainer to the somewhat more brainer :), which are actually easy but for emphasis sake. 

You simply type into your browser "start.spring.io" without the (" ") just like that.
This page shows up;
___
![Start.spring.io](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vs5db0bq6n2w5nwkiijf.PNG)
**VOILA!**
You just go right ahead and give your project a name, and your dependencies, basically whatever suits you.

Since i'm talking about **Creating a Web App**, i'll be selecting two(2) dependecies,
___
![Spring](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tdhd2g9e9jf2osza3dyq.PNG)
not that it's a must to select __TWO__ but i believe they are necessary/core to the Web app. As you can see, I've named my project name and selected Maven as the Build Automation Tool for my Java project.

Then you go right ahead by clicking the **Generate** button, then a zip file is automatically downloaded. As shown below;
___

![Spring](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/19p9to8errarp37ce4zz.PNG)

that zip file is the key to our Web App, basically, that's our web app in a Zip file, YES i said it! :)
![contents of the zip file](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mn7oeg1sl9klfh79z7tt.PNG)
Now that's that on the usage of the start.spring.io site, you can go right ahead importing(after extracting the zip file ofcourse.) it over to your Java supported IDE(Eclipse, VScode, Intellij IDEA, just to name a few.) and start kicking.

Take a good look at the contents of your zip file, we'll be seeing same in the next method using VSCODE Extension download.

*VSCODE
___
Now, you have your VSCode installed, if you don't, download it via [Visual Studio](https://visualstudio.microsoft.com/)
So, you get things running, and you have this, as shown below;
___
 ![VSCODE](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pmv0n4z3wbpekjqlmc67.PNG)

You are just a few steps closer to your Web App, Congratulations!

You dive right in to your ***Extensions*** by clicking the Extensions tab(in the marked section) or using the Windows command CTRL+SHIFT+X, as shown below;
![EXTENSIONS](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/od9j6pb5szff71lyy1az.PNG)

Then search for the Extensions; **SpringBoot** and **Java**(as it will be necessary for running the JAVA web app you want), you want to install the **SpringBoot Extension Pack** and the **Java Extension Pack**
 As at the time of Writing this Post, I think i've seen something better(A combination of both extension packs and much more by Publisher **Loaine Groner**) to install instead of the the aformentioned, it is shown Below;
![VSCODE](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sglt0mycy4tnijsi6bs0.PNG)

Once installed, you go right ahead by using the Command Palette by pressing the command; CTRL+SHIFT+P or simply by Pressing the F1 key on Windows only, then search for **spring initialzr**, as shown below;
![Spring](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l0jf6dgc6d5zjnq039f9.png)
Then click on the **Create a Maven Project** or whichever suits you, just like the [start.spring.io](start.spring.io)'s website we looked into just moments ago, but this is in the UI of VSCode.

Then your'e asked to select Maven version, e.t.c, pretty much all what you did in the first case of the site.
![Spring](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p3ml9pjgk7uj5drc5zth.PNG)
![Spring](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/adcumjel4aboymjo8ua3.PNG)
![Spring](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/er8ftt2y6tnqhhivfvgi.PNG)
![Spring](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t97p4vzqsoi97qiofor8.PNG)
![Spring](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o48shwor2lkio0vt0nks.PNG)
![Spring](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/727c7dg92ll783fyf5bp.PNG)
![Spring](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/feqdancxh11ejr9rzfme.PNG)
###### Here we select our dependencies, WEB and DEV Tools
![Spring](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mau6w638swfjwdjbhlzi.PNG)
###### Here we are asked to generate our Web App files into a location just like the one of the site but here, the difference is that, VScode's come extracted(prepared).
![Spring](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/edt10nmm2gjbgmjsqxok.PNG)

There you have it, your files are ready, everything's ready, just to click a few button's all.

After that, you should check your VSCODE and import the ***java project***, or you open the folder in your VSCODE. You should be seeing something like this on the Side(Explorer)bar/section of your VSCODE;
![VSCODE](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ux4mpdfe0j0wyz8k4mv3.PNG)

Well, we are just but a handful of steps away, click on the Tree drop down of the ___src___ till you get to:
![SPRING](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ynfvtt73cgz7n0i9ouaj.PNG)

Now we are that point! Irrevocably committed to booting up our WEB APP!
Then We click ___run___, you should see it in the code, or you just right click and run application.

Then you should see your SpringBoot web app coming to life as a Terminal will be displayed for you to see the fruit of your effort. Your BACK-END is Alive!
 ![Spring](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nyadm3smjtjy7nbn84j6.PNG)

If you just about scroll down in your Terminal Bar, you'd notice your web app is running on ***Port 8080***.
![8080](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mxpootkawds9xp2kmwnk.PNG)

So, let's check that to be sure we really are live on our browser, go ahead and type ___localhost:8080___
![Host](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0sf1ea5siftmcwzck3ca.PNG)

Voila!!
We are Up.

Although, you'll see a fallback error message, what this means is;
 'Your'e seeing this because you haven't stated what you want to see'.


So, there you have it folks, that's how you create a SpringBoot Web App.

check out my Github for code
[Github](https://github.com/Artymanprince/SpringBoot-Setup-Tutorial)

I hope this helps someone.
Thank you.