CoffeeScript - 命令行实用程序


在 Node.js 上安装 CoffeeScript 时,我们可以访问咖啡命令行实用程序。在这里,咖啡命令是关键命令。使用此命令的各种选项,我们可以编译并执行 CoffeeScript 文件。

您可以使用Coffee命令的-h--help选项查看选项列表。打开Node.js 命令提示符并在其中执行以下命令。

c:\>coffee -help

此命令为您提供咖啡的各种选项的列表,以及每个选项执行的操作的描述,如下所示。

咖啡命令帮助

编译 CoffeeScript 代码

CoffeeScript 文件以扩展名.coffee保存。您可以使用 Coffee 命令的-c 或 --compile选项来编译这些文件,如下所示。

c:\>coffee -c filename.coffee

例子

假设您的系统中有一个文件,其中包含以下 CoffeeScript 代码,该代码在控制台上打印一条消息。

name = "Raju"
console.log "Hello"+name+" Welcome to Tutorialspoint"

注意- console.log()函数在控制台上打印给定的字符串。

要编译上述代码,请将其保存在名为example.coffee的文件中。打开 Node.js 命令提示符。浏览保存文件的路径,并使用Coffee 命令行实用程序的 Coffee 命令的-c选项对其进行编译,如下所示。

c:\> coffee -c sample.coffee

执行上述命令时,CoffeeScript 编译器会编译给定文件 (sample.coffee) 并将其保存在当前位置,名称为 example.js,如下所示。

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 命令来执行该文件,如下所示。

执行

观看并编译

在某些情况下,我们有可能对脚本进行大量更改。使用Coffee 命令的–w选项,您可以观察脚本的更改。

您可以使用-wc选项同时监视和编译文件,如下所示。当我们使用此选项时,每次在脚本中进行更改时都会重新编译该文件。

c:\>coffee -wc file_name

例子

假设我们使用-wc选项编译了一个名为example.coffee的文件,并且对脚本进行了三次修改。每次我们更改脚本时,.coffee文件都会重新编译,留下 Node.js 命令提示符,如下所示。

观看并编译

设置输出目录

使用-o选项,我们可以设置输出目录来放置编译后的 JavaScript 文件,如下所示。

c:\>coffee -o "Required path where we want our .js files" file_name

例子

让我们通过在命令提示符下执行以下命令,使用-o选项将 example.coffee 文件的 JavaScript 代码保存在E 驱动器中名为data的文件夹中。

c:\>coffee -o E://data sample.coffee

以下是执行上述命令后给定文件夹的快照。在这里您可以观察sample.coffee的JavaScript文件

输出目录

打印编译后的 JavaScript

如果我们想在控制台上打印编译后的 JavaScript,我们必须使用Coffee 命令的-p选项,如下所示。

c:\>coffee -p file_name

例子

例如,您可以使用-p选项在控制台上打印example.coffee文件的已编译 JavaScript 代码,如下所示。

打印 JavaScript

REPL(读取评估打印循环)

CoffeeScript 为您提供了一个 REPL 交互式 shell。该 shell 用于计算 CoffeeScript 表达式。您可以在此 shell 中键入任何 CoffeeScript 代码并立即获得结果。您可以通过执行不带任何选项的Coffee命令来打开 REPL,如下所示。

执行咖啡命令

使用这个 shell,我们可以为变量赋值、创建函数并评估结果。如下图所示,如果我们在 REPL 中调用函数,它会打印函数的值。如果我们给它一个表达式,它就会计算并打印表达式的结果。如果我们简单地在其中键入语句,它就会打印最后一个语句的值。

REPL 用法

在 REPL 中,您可以通过按ctrl+v访问多行模式,您可以在其中评估多行代码(如函数),并且可以通过再次按ctrl+v返回 REPL 模式。这是多线模式的使用示例。

REPL 多行函数

通过浏览器运行 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。