IntelliJ IDEA lets you create and manage projects using Vaadin Framework that optimizes your Web applicatin development.

1. Create Vaadin Project with Project Wizard

Before you start creating your project make sure that Vaadin SDK is downloaded on your computer and Vaadin plugin is enabled.

Open

{span:class=shortcut}Project Wizard{span}
, under Java Enterprise select Vaadin framework.

 

 

Specify the following settings:

2. Run Vaadin Application

Since the application server is specified you can run your application and view the output in the default browser http://localhost:8080/.

3. Debug Vaadin Application

IntelliJ IDEA lets you easily start a debugging session for your project.

Let's choose one of the debugging actions, for example, Toggle Line Brakepoint.

Place the caret on the desired line of the source code. Press

{span:class=shortcut}Ctrl{span}
+
{span:class=shortcut}F8{span}
or from the main menu select
{span:class=shortcut}Run{span}
 →
{span:class=shortcut}Toggle Line Breakpoint{span}
.


Press

{span:class=shortcut}Shift{span}
+
{span:class=shortcut}Alt{span}
+
{span:class=shortcut}F9{span}
to start a debugging session.

View the result in the Debugger console.

See also the tutorial Getting Started with Vaadin-Maven Projects to learn how to create and manage Vaadin-Maven projects.