RunJS 支持 CoffeeScript/Less CSS 的在线编辑

大家有没有注意到现在已经可以直接在 RunJS 上用CoffeeScript来编写脚本，用Less CSS来编写样式。

先来看一个演示代码：

CoffeeScript ：

# Assignment：

number = 42

opposite = true

# Conditions：

number = -42 if opposite

# Functions：

square = （x） -> x * x

# Arrays：

list = ［1， 2， 3， 4， 5］

# Objects：

math =

root： Math.sqrt

square： square

cube： （x） -> x * square x

# Splats：

race = （winner， runners....） ->

print winner， runners

# Existence：

alert “I knew it!” if elvis?

# Array comprehensions：

cubes = （math.cube num for num in list）

document.write “Result："+ cubes

LESS ：

@bgcolor： #CCC;

body{

background-color：@bgcolor;

}

但 RunJS 默认还是使用 JavaScript 和 CSS ，如何启用 CoffeeScript 和 Less CSS 呢？

启用CoffeeScript

鼠标移到 JavaScript 面板中，点击 JavaScript 如下图所示：

点击后将会弹出脚本选择对话框，选择 CoffeeScript 后然后确定：

同理进入 CSS 编辑面板点击 CSS 就可以选择用 Less CSS 编写样式：

备注说明：

CoffeeScript 这一门编程语言构建在JavaScript之上，其被编译成高效的JavaScript，这样你就可以在web浏览器上运行它， 或是通过诸如用于服务器端应用的Node.js一类的技术来使用它。编译过程通常都很简单，产生出来的JavaScript与许多的最佳做法都保持了一 致。详细介绍

Less CSS 是一个使用广泛的 CSS 预处理器，通过简单的语法和变量对 CSS 进行扩展，可减少很多 CSS 的代码量。详细介绍

现在就去体验支持 CoffeeScript 和 Less CSS 的 RunJS 吧。

https://runjs.cn

文章来源：开源中国社区

（举报）