CoffeeScript 是一种将 JavaScript 编译为更加易读、简洁的语言，它的语法和特性使得编写复杂的 JavaScript 应用变得更加容易。如果你想在 Eclipse 中使用 CoffeeScript，本文将向你介绍如何配置和使用。
安装 CoffeeScript 插件
首先，你需要安装 CoffeeScript 的插件。打开 Eclipse，选择菜单栏的“Help” -> “Eclipse Marketplace”，在搜索框中输入“CoffeeScript”，然后点击“Go”按钮进行搜索。
找到合适的插件后，点击“Install”按钮，按照提示进行安装即可。安装完成后，重启 Eclipse。
创建 CoffeeScript 文件
现在，你可以创建一个新的 CoffeeScript 文件。在 Eclipse 的 Package Explorer 视图中右键单击目标文件夹并选择“New” -> “File”，在弹出的对话框中输入文件名并添加“.coffee”扩展名。
开始编写 CoffeeScript 代码。比如：
$ ->
$('button').click ->
alert('Hello, CoffeeScript!')这段代码会在页面加载完成后，给所有按钮添加一个点击事件，点击时会弹出一个对话框显示“Hello, CoffeeScript!”。
编译 CoffeeScript 文件
保存文件后，Eclipse 并不会自动编译 CoffeeScript。因此，我们需要一个特定的编译器来生成 JavaScript 代码。有很多方式可以实现这个目的，比如使用命令行工具或者 Grunt。
这里我们使用 coffee-script 包提供的一种简单方法：使用 Node.js 执行编译。你只需要在终端中进入项目根目录，然后输入以下命令：
npm install -g coffee-script
安装完成后，执行以下命令即可将 CoffeeScript 文件编译为 JavaScript：
coffee --compile --output lib/ src/
其中“lib/”是编译生成的 JavaScript 文件输出路径，“src/”是存放原始 CoffeeScript 文件的目录。
设置自动编译
手动编译 CoffeeScript 文件显然不太方便，所以我们可以通过设置实现自动编译。Eclipse 有一个名为“Builder”的功能，它可以对项目进行多次配置，其中包括每当保存文件时自动执行特定的脚本。
首先，在 Package Explorer 视图中右键单击要自动编译的项目并选择“Properties”，然后找到“Builders”选项卡。
点击“New…”按钮创建一个新的 Builder。在弹出的对话框中选择“Program”，然后输入以下信息：
- Name: 编译 CoffeeScript
- Location: coffee
- Working directory: ${project_loc}
- Arguments: --compile --output WebContent/js/ WebContent/app/
其中，“Location”是指向本地安装的 CoffeeScript 的位置，“Working directory”是指项目的根目录，“Arguments”是传递给编译器的参数。
点击“Ok”按钮保存设置。现在，每当保存 CoffeeScript 文件时，Eclipse 就会自动编译它们。
结论
通过本文介绍的步骤，你可以在 Eclipse 中使用 CoffeeScript 并实现自动编译。这将提高你的开发效率，并使代码变得更加清晰易读。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/31364