The most convenient way to work with Vaadin in IDEA is a Maven project. The maven plug-in should be enabled (and it is enabled by default).
Create a new Maven project, using the latest Vaadin maven archetype. If this is your very first project, you need to add a new archetype. GroupId is com.vaadin, ArtifactId is vaadin-archetype-application, version – latest stable one.
Choose groupID, artifactID and location for your new project in “New Project” wizard. When the wizard is finished, a completely new project is created. In includes one Vaadin form(MyUI) and all necessary dependencies. If IDE asks you about a maven project import, just click “Enable Auto Import”
Build your project
Click Main Menu → View → Tool Windows → Maven projects
Click “clean”, then “install”. Maven builds will be run right in the IDE window. All necessary dependencies should be automatically downloaded, then the project is built.
In Maven tool window, open Plugins->jetty and click “jetty:run”.
Now jetty web server is started with your application deployed. Open your browser and go to http://localhost:8080/
To stop the web server, just press the red square button in the “Run” panel.
First, stop your web server and then start it again in debug mode. Just right-click the same “jetty:run”, then choose “Debug”.
Now both the maven and the jetty server are started in the same JVM, with debug mode enabled. You can set breakpoints, use watches and all other IDEA debugging features.