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}

Image Removed
On the bottom of the page, specify the following settings: 

Image Added

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.
• Version - for IntelliJ IDEA 13 and later, you can choose either Vaadin 6 or 7 version.
• 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.
  

...

Importing an Existing Vaadin Project

Configuring an Application Server

Deploying and Debugging the Application

• Click Next.
  Specify your project information and click Finish.
  Image Added
  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 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 Line Brakepoint.

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}

Image Added

Press

{span:class=shortcut}Shift{span}

{span:class=shortcut}Alt{span}

{span:class=shortcut}F9{span}

Image Added

View the result in the Debugger console.

Image Added