Page History

IntelliJ IDEA lets you create a project 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}

Specify the following settings:

• Project SDK - specify your project SDK.
• JavaEE version - specify the version of JavaEE or use the default option.
• Application Server - specify the application server or use the default server. IntelliJ IDEA creates a run configuration for your Vaadin application. You can always skip the server configuration at this point and configure it later, after creating your project.
• Version - for IntelliJ IDEA 13 and later, you can choose either Vaadin 6 or 7 version.

...

• Vaadin

...

Image Removed
In the dialog that opens, use the default options and click OK.
Image Removed

• Vaadin distribution - enter the location of Vaadin installation on your machine. If Vaadin is not installed, then the warning message with the appropriate link appears. Click the link, download "All-in-One Archive" ZIP file and unpack it to the disired location.
• Create sample application - select this check box to either enter the name of the sample application or use the default name.
  Click Next.
  Specify your project information and click Finish.
  Image Modified
  

2. Run Vaadin Application

• IntelliJ IDEA creates a project with Web application and all necessary configurations.

...

2. Run Vaadin Application

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

Image Added

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 Toggle Line Brakepoints actionBrakepoint.

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

{span:class=shortcut}Ctrl{span}

{span:class=shortcut}F8{span}

{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}

View the result in the Debugger console.