软件说明

Eclipse： 4.13.0  https://www.eclipse.org/downloads/

JDK：1.8.0_77   https://www.oracle.com/technetwork/java/javase/downloads/index.html

Tomcat：9.0.27  https://tomcat.apache.org/download-90.cgi

Tomcat Plugin：https://sourceforge.net/projects/tomcatplugin/

http://www.eclipsetotale.com/tomcatPlugin.html
Vaadin 8：https://vaadin.com/docs/v8/framework/installing/installing-eclipse.html

Vaadin Plugin for Eclipse 依赖于 Apache IvyDE plugin, 因此在安装 Vaadin plugin之前需要手动安装 Apache IvyDE plugin

下载插件：https://vaadin.com/docs/v8/framework/installing/installing-eclipse.html

创建Vaadin 项目：https://vaadin.com/docs/v8/framework/getting-started/getting-started-first-project.html

第一步：IvyDE Plugin

1、选择以下菜单项: Help → Install New Software....

2、按下 Add... 按钮, 添加 IvyDE 的更新站点地址.

Name: Apache Ivy Update Site

Location: http://www.apache.org/dist/ant/ivyde/updatesite

3、选择 Apache Ivy, Apache Ivy Ant Tasks, 以及 Apache IvyDE。

4、Apache IvyDE Resolve Visualizer 是可选的, 如果选择安装它, 会导致其他一些被依赖的插件也被安装进来.然后, 点击 Next 按钮.

第二步：Vaadin Eclipse Plugin

Name: Vaadin Update Site

Location: https://vaadin.com/eclipse

注意：注意更新 Vaadin plugin 时将只更新插件本身, 而不会更新 Vaadin 库, Vaadin 库的版本是由各工程分别指定的.

第三步：创建Vaadin Project项目

第四步：Compiling the Theme

Before running the project for the first time, click the Compile Vaadin Theme button in the toolbar, as shown in Compile Vaadin Theme.

控制台显示：

第五步：Starting the Web Server

访问：http://localhost:8089/myproject/

注意：如果tomcat 服务端口被占用：windows中tomcat查看和杀死进程

前提：确保自己tomcat的端口号是8089（默认是8080），如果自己改过端口号，则按自己修改后的端口号来查（netstat -ano|findstr xxxx）

1.快捷键windows+R

2.输入cmd

3.输入netstat -ano|findstr 8089

4.taskkill /F /PID 1716

Creating a Project with Maven

注意：创建Vaadin 8项目时，就是Maven项目。

1、在Maven项目或者pom.xml上右击，在弹出的快捷菜单中选择Run As，就能看到常见的Maven命令，如图：

2、选择Maven build来自定义我们要执行的命令，在弹出对话框的Goals中输入我们要执行的命令，比如clean install，设置一下Name说明含义，单击Run运行即可。Eclipse会给我们保存这次设置，可以在Run Configurations...中找到，如图：

应用程序发布之前, 它必须编译并打包为 WAR 形式. 你可以运行 Maven 的 package 目标(goal)来执行编译和打包任务。

最终打包完成的 WAR 包文件的位置, 将输出到命令行中. 然后你就可以将这个 WAR 包文件发布到你喜欢的应用程序服务器了.

3、通过 Maven 运行 Vaadin 应用程序的最简便方法是使用轻量的 Jetty Web 服务器. 编译完成后, 你需要做的仅仅是:

4、上述 Maven 目标(goal) 会在 8080 端口上启动 Jetty 服务器, 然后将应用程序部署到服务器上. 然后你可以在浏览器中打开应用程序, 地址是 http://localhost:8080/project-name.

Vaadin Add-ons

Using Add-ons in a Maven Project（Vaadin Charts）：https://vaadin.com/directory/component/vaadin-charts/4.2.0

这里选择的是Vaadin 8版本。

Eclipse Vaadin Plugin插件安装相关推荐

eclipse maven plugin 插件安装和配置
本文转自:http://www.blogjava.net/fancydeepin/archive/2012/07/13/eclipse_maven3_plugin.html maven3 安装: 安装 ...
eclipse maven plugin 插件安装和配置
2019独角兽企业重金招聘Python工程师标准>>> 环境准备: eclipse(Helios) 3.6 maven 3.0.4 maven3 安装: 安装 Maven 之前要求先 ...
ubuntu18.04 Qt Creator 安装+ROS Qt Creator Plug-in 插件安装笔记
ubuntu18.04 Qt Creator 安装+ROS Qt Creator Plug-in 插件安装笔记: 一.Qt Creator 5.10安装官网下载地址: http://download ...
eclipse 反编译插件安装
eclipse 反编译插件安装教程 eclipse 反编译插件 eclipse 反编译插件每次在新电脑上都得百度安装教程,索性自己写一个记录一下算啦! 首先在eclipse的导航页打开help-&g ...
Android Eclipse之Git插件安装、配置、提交、修改、冲突、查看历史、覆盖。
为什么80%的码农都做不了架构师?>>> 首先进入eclipse插件安装功能页面,这个就不多说了,下面给出截图,如果不会的也不必往下看了. 安装Git 一:Eclipse工具栏 ...
Mybatis Plugin插件安装破解及使用
为什么80%的码农都做不了架构师?>>> Mybatis Plugin 一.Mybatis Plugin插件是什么提供Mapper接口与配置文件中对应SQL的导航编辑XML ...
java plugin 安装_eclipse maven plugin 插件安装和配置
Posted on 2012-07-13 12:40 fancydeepin 阅读(96246) 评论(45) 编辑收藏所属分类: Maven3 Guide 环境准备: eclipse(He ...
Eclipse中的插件安装
经过一番苦战,下午终于将ECLIPSE的插件安装成功.真是欣喜若狂.ECLIPSE3.6的插件安装过程如下: 一,新建一个目录,假设名为phpeclipse,其下新建一个eclipse目录,再在ecl ...
Eclipse的PyDev插件安装及解决安装后找不到的问题
一.环境 windows 7 64bit eclipse 4.5.2 pydev jdk7u55 二.安装步骤 1. 安装JDK eclipse依赖于Java环境,所以需要安装Java运行环境JRE. ...

Eclipse Vaadin Plugin插件安装