我们在做web开发时，特别是Jsp方面的，IDEA提供了非常好的编码功能，但是没有图形设计界面，这给设计带来不小麻烦。你需要在Dreamweaver下大开指定的文件，修改后在返回到IDEA中，这种频繁的文件查找和程序切换会浪费你不少的时间，下面我们就看看如何将这两个最强的编码工具和设计工具整合起来更好地为开发服务。

1 打开IDEA的设置面板，选择“External Tools”，在“External Tools”对话框中点击“Add…”按钮，创建一个新的工具选项，如下图：

在“Edit Tool”对话框中，你输入工具选项的名称，同时选择欲执行的程序，最后给改程序设定参数。对应Dreamweaver来说，我们只需选择Dreamweaver.exe文件，同时将当前文件的路径信息已参数方式传给Dreamweaver即可。这里我们可以取消选择“Open console”和“Synchronize file after execution”这两个选项，这两个选项对调用Dreamweaver打开文件是没有什么用处的。如果你想查看具体的参数选项设置，只需点击“Help”按钮或按下F1就可以弹出一个帮助窗口， 包含“External Tools”的详细设置信息。

2 回到IDEA窗口，当我们打开一个Jsp页面时，在弹出菜单中选择“Dreamweaver”命令项，这时就可以调用Dreamweaver打开当前的文件，你只需回到Dreamweaver窗口进行编辑就可以啦。

3 由于在两个程序中修改同一个文件，一方修改另一方应该能即使响应，IDEA是自动加载被外部程序修改文件，而Dreamweaver默认会提示你是否加载被修改的文件，这是你只需在Dreamweaver中打开“Edit | Preferences…”菜单项（或Ctrl+U快捷键），在“Preferences”对话框的Category栏选择“File Types / Editor”，将给配置项的“Reload Modified”设置为“always”即可，这是Dreamweaver就可以自动加载被IDEA修改的文件。

4 细节设置：现在你可能觉得已经很方便啦，但是在IDEA下还要有点调整。我们可以通过弹出菜单选择“Dreamweaver”编辑选项，但这不是好的方法。如果能将这个命令项加到Toolbar中，那么就更方便，弹出菜单的毕竟有一个反应延迟，没有必要这么做。在IDEA 5.0中你可以通过Customizations定制IDEA的整个菜单，当然也包括toolbar，我们很容易将External Tools加到工具栏上。如果你觉得快捷操作也挺方便的话，你可以给这个命令项指定快捷键。

5 一个潜在的好处：IDEA有一个非常棒的特性就是Local History，就是自动进行版本跟踪，这个是不需要版本控制系统，IDEA自身就提供的。在Dreamweaver进行操作，这些文件内容更改是否会记录下来？这是会的。在IDEA下将项目处于打开状态，当我们使用外部程序如Dreamweaver编辑项目中的文件时，文件的每一次更改（外部程序执行保存操作）都会被IDEA记录下来，这样你在外部程序修改的信息也可以被IDEA的Local History记录下来，你不会在有任何的后顾之忧，大胆地修改吧。

总结：将IDEA和外部程序整合起来，适当使用外部程序来编辑文件，有时是非常高效的，IDEA提供的External Tools可以让这个过程更加简化和快捷，你不需要再去找到外部程序、打开它，并打开指定的文件这些繁琐的步骤，IDEA一个操作就可以完成。同时Local History提供的版本控制功能让你修改不后顾之忧，一切修改都非常放心。