Vaadin Super Dev 模式


maven 下使用 super-dev

[b]

  1. 更改你的*.gwt.xml 文件
    [/b]

[code]

[/code][b] 2. 编译vaadin [code] mvn vaadin:compile [/code] 3. 启动codeserver 代理 [code] mvn vaadin:run-codeserver [/code] 4. 运行jetty server [code] mvn jetty:run [/code] [/b] [i] [b] 3、4 分开调用maven命令, 保证run-codeserver 始终执行 [/b] [/i] [img] https://vaadin.com/documents/portlet_file_entry/10187/01.mvn.jpg/0fc27bdd-81e8-4bae-8190-80d48a934924 [/img]


5. 启动GWT super dev client

​http://localhost:9876/



5.1 拖动 dev mode on 到你书签栏中





5.2 运行vaadin project . 点击保存后的书签栏 --》出现complie 点击编译




6. 打开浏览器的jsmapsource



7. 打开chrome devtools 调试代码,可以清晰的看到vaadin和gwt的js转换成的java代码。


Super dev 模式开发主要可以解决自定义Vaadin组件的bug。也可以和vaadin/url?debug 模式混合使用。

参考资料:

https://vaadin.com/wiki/-/wiki/Main/Using%20SuperDevMode


http://www.gwtproject.org/articles/superdevmode.html

16204.jpg
16205.jpg
16206.jpg
16207.jpg
16208.jpg