CoffeeScript 命令行程序
在 Node.js 上安装 CoffeeScript 后,我们可以访问
咖啡命令行实用程序。在这里,
coffee 命令是关键命令。使用该命令的各种选项,我们可以编译和执行 CoffeeScript 文件。
您可以使用
-h 或
--help 选项查看
coffee 命令的选项列表。打开
Node.js 命令提示符并在其中执行以下命令。
此命令为您提供
咖啡的各种选项的列表,以及每个选项执行的操作的描述,如下所示。
编译 CoffeeScript 代码
CoffeeScript 文件以扩展名
.coffee 保存。您可以使用 coffee 命令的
-c 或--compile 选项编译这些文件,如下所示。
c:\>coffee-c filename.coffee
示例
假设您的系统中有一个包含以下 CoffeeScript 代码的文件,它会在控制台上打印一条消息。
name = "Raju"
console.log "Hello"+name+" Welcome to Tutorialspoint"
注意-
console.log() 函数在控制台上打印给定的字符串。
要编译上述代码,请将其保存在名为
sample.coffee 的文件中。打开 Node.js 命令提示符。浏览保存文件的路径,并使用
coffee 命令行实用程序 的咖啡命令的
-c 选项编译它,如下所示。
c:\> coffee-c sample.coffee
在执行上述命令时,CoffeeScript 编译器会编译给定的文件 (sample.coffee) 并将其保存在当前位置,名为 sample.js,如下所示。
如果打开 sample.js 文件,可以观察到生成的 JavaScript,如下所示。
// Generated by CoffeeScript 1.10.0
(function() {
var name;
name = "Raju";
console.log("Hello " + name + " Welcome to Tutorialspoint");
}).call(this);
执行 CoffeeScript 代码
您可以通过简单地将文件名传递给 Node.js 命令提示符中的 coffee 命令来执行 CoffeeScript 文件,如下所示。
c:\> coffee sample.coffee
示例
例如,让我们执行 sample.coffee 文件。为此,打开 Node.js 命令提示符。浏览保存文件的路径,并通过将文件名直接传递给咖啡命令来执行文件,如下所示。
观看和编译
在某些情况下,我们可能会对脚本进行大量更改。使用coffee 命令的
–w 选项,您可以观察脚本的变化。
您可以使用
-wc 选项同时观察和编译文件,如下所示。当我们使用此选项时,每次您在脚本中进行更改时都会重新编译该文件。
示例
假设我们已经使用
-wc 选项编译了一个名为
sample.coffee 的文件,并且我们对脚本进行了三次修改。每次我们更改脚本时,都会重新编译
.coffee 文件,留下 Node.js 命令提示符,如下所示。
设置输出目录
使用
-o 选项,我们可以设置输出目录以放置已编译的 JavaScript 文件,如下所示。
c:\>coffee-o "Required path where we want our .js files" file_name
示例
让我们使用
-o 选项将 sample.coffee 文件的 JavaScript 代码保存在 E 驱动器中名为
data 的文件夹中通过在命令提示符下执行以下命令。
c:\>coffee-o E://data sample.coffee
以下是执行上述命令后给定文件夹的快照。这里可以观察sample.coffee的JavaScript文件
打印已编译的 JavaScript
如果我们想在控制台本身打印编译后的javascript,我们必须使用coffee命令的
-p选项,如下所示。
示例
例如,您可以使用
-p 选项在控制台上打印
sample.coffee 文件的已编译 JavaScript 代码,如下所示。
REPL(读取评估打印循环)
CoffeeScript 为您提供了一个 REPL 交互式 shell。此外壳用于评估 CoffeeScript 表达式。您可以在此 shell 中键入任何 CoffeeScript 代码并立即获得结果。您可以通过执行不带任何选项的
coffee 命令来打开 REPL,如下所示。
使用这个 shell,我们可以为变量赋值、创建函数和评估结果。如下图所示,如果我们在 REPL 中调用函数,它会打印函数的值。如果我们给它一个表达式,它会计算并打印表达式的结果。如果我们只是在其中输入语句,它会打印最后一条语句的值。
在 REPL 中,您可以通过按
ctrl+v 访问多行模式,您可以在其中评估多行代码(如函数),您可以通过按
<返回到 repl 模式i>
ctrl+v 再次。这是多行模式的示例用法。
返回到>
通过浏览器运行 CoffeeScript
我们可以像 JavaScript 一样使用 HTML 的 <script> 标签运行 CoffeeScript, 如下所示。
<script src="http://jashkenas.github.com/coffee-script/extras/coffee-script.js"
type="text/javascript" charset="utf-8"></script>
<script type="text/coffeescript">
# Some CoffeeScript
</script>
但为此, 我们必须在每个应用程序中导入库, 并且在显示输出之前将逐行解释 CoffeeScript 代码。 这会降低您的应用程序的速度, 因此不推荐使用这种方法。
因此, 要在您的应用程序中使用 CoffeeScript, 您需要使用 Coffee 命令行实用程序预编译它们, 然后您才能在您的应用程序中使用生成的 JavaScript。