引言
我们在使用 Eclipse 开发 Java Web 程序时会使用 Freemarker 模板引擎,以帮助我们快速、便捷和结构化的创建页面,但是 Eclipse 显示生成的*.ftl文件如同在普通文本编辑器上打开一样,不方便查看,本文主要介绍如何在 Eclipse 上安装 Freemarker 插件方便查看*.ftl文件。
安装Freemarker插件
这里先说明一下,我使用的是 Eclipse Photon,在安装插件前我们先看一下*.ftl文件在 Eclipse 中打开是怎样的,如下图所示:
![img_a5a79fb3a48ab122cfe9bb21b1f2fa6b.png](https://yqfile.alicdn.com/img_a5a79fb3a48ab122cfe9bb21b1f2fa6b.png?x-oss-process=image/resize,w_1400/format,webp)
安装插件前
下面我们开始一步一步的安装Freemarker插件,首先点击 Eclipse 的菜单 【Help】-【Install New Software…】,打开如下的界面,然后点击【Add…】按钮,在弹出框的【Name】行随便输入一个名词,我输入的是【plugin】,【Location】中填入这个地址【http://download.jboss.org/jbosstools/updates/development/indigo/】,然后点击弹出框的【Add】按钮
![img_356af621fe16f6ad5adbcc999c39aeac.png](https://yqfile.alicdn.com/img_356af621fe16f6ad5adbcc999c39aeac.png?x-oss-process=image/resize,w_1400/format,webp)
Available software 1
现在就能看到有很多软件可以选择了,展开【JBoss Application Development】,找到【FreeMarker IDE】,然后勾选,点击【Next】
![img_78f6198085dc7f3b7c611e0519166e1d.png](https://yqfile.alicdn.com/img_78f6198085dc7f3b7c611e0519166e1d.png?x-oss-process=image/resize,w_1400/format,webp)
Available software 2
现在就能看到安装软件明细,继续【Next】
![img_3c0267f5602c661e0c237a11676eba75.png](https://yqfile.alicdn.com/img_3c0267f5602c661e0c237a11676eba75.png?x-oss-process=image/resize,w_1400/format,webp)
install details
看到 License 页面了,选择接受,然后点击【Finish】按钮
![img_77a84c8341a78e99e1d38c353e9b577d.png](https://yqfile.alicdn.com/img_77a84c8341a78e99e1d38c353e9b577d.png?x-oss-process=image/resize,w_1400/format,webp)
license
现在弹出了一个安全警告,警告我们安装了一个没有签名的内容,不管它,继续点击【Install anyway】
![img_8b456df2d8268403eb833ac7dc8a7ccc.png](https://yqfile.alicdn.com/img_8b456df2d8268403eb833ac7dc8a7ccc.png?x-oss-process=image/resize,w_1400/format,webp)
security warning
接下来就在后台进行安装了,安装完成后提醒我们重启 Eclipse
![img_b08c18289e118c6cd238fe39b85f489f.png](https://yqfile.alicdn.com/img_b08c18289e118c6cd238fe39b85f489f.png?x-oss-process=image/resize,w_1400/format,webp)
restart eclipse
重启完后我们再查看*.ftl文件,现在就会发现高亮都有了
![img_f18d5cee748eb383d5efe9ba2a3d1577.png](https://yqfile.alicdn.com/img_f18d5cee748eb383d5efe9ba2a3d1577.png?x-oss-process=image/resize,w_1400/format,webp)
插件安装后