首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Windows有一个coffeescript自动编译/文件观察器吗?

关于Windows下的CoffeeScript自动编译/文件观察器,可以使用以下方法:

  1. 安装Node.js:CoffeeScript是基于Node.js的,因此需要先安装Node.js。访问Node.js官网(https://nodejs.org/)下载并安装适合Windows的版本。
  2. 安装CoffeeScript:打开命令提示符,输入以下命令安装CoffeeScript:
代码语言:txt
复制
npm install -g coffee-script
  1. 使用CoffeeScript观察器:安装完成后,可以使用以下命令启动CoffeeScript观察器:
代码语言:txt
复制
coffee --watch --compile [input_file.coffee] [output_file.js]

其中,input_file.coffee是CoffeeScript文件的路径,output_file.js是生成的JavaScript文件的路径。例如,如果CoffeeScript文件位于D:\project\main.coffee,JavaScript文件位于D:\project\main.js,则命令如下:

代码语言:txt
复制
coffee --watch --compile D:\project\main.coffee D:\project\main.js

这样,每次修改CoffeeScript文件时,CoffeeScript观察器会自动编译为JavaScript文件。

推荐的腾讯云相关产品:腾讯云提供了云服务器、云数据库、云存储等多种云计算服务,可以满足不同场景下的需求。具体产品介绍链接地址:

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Mac简单易用的图片压缩工具:Squeezer

Squeezer是一款简单易用的图片压缩工具,可以移除不相干的信息和压缩图像的方式来缩减PDF文件的大小,PDF Squeezer MAC版可以从预定义的压缩配置文件中进行选择,或者创建自己的压缩配置文件并导出并与朋友和同事共享...图片压缩工具:Squeezer图片功能易于使用,直观的用户界面包含电池:您不需要安装任何东西; 它只是工作添加或拖放文件/文件夹只需单击一下即可完成观察您的文件是否变化,并在后台自动处理两种视图选项:...迷你或扩展大量的自定义偏好,使Squeezer适合您的特殊需求缩小来源:HTML,CSS,javascript优化/压缩图像:PNG,JPG,SVG编译(和缩小):LESS,Stylus,SCSS,Sass...,CoffeeScript,Literate CoffeeScript,TypeScript,Babel / ES6.gzip最终输出的选项获取每个转换文档的有用信息打开或查看(在Finder中)所有已转换的文档智能背景通知...,以免干扰您的工作流程支持的文件:HTMLCSSSCSSJavaScript的CoffeeScript的识字CoffeeScript打字稿巴贝尔/ ES6PNGJPGSVG

88920

CoffeeScript 简介

但是,JavaScript一些特性没有实现,为了让JavaScript更好用,CoffeeScript这个东西被发明出来。...直接运行该命令会进入交互操作终端,使用-c参数可以编译Coffee文件。详细命令行参数参考Usage。 概览 以下就是CoffeeScript官网的示例代码,列出了的一些语法糖。...我们还可以从中看到CoffeeScript的一些特点:不需要手动编写var,编译自动判断作用范围;不需要编写分号,代码作用域使用所进来判断;而且方法调用的括号也可以省略。...这个官方文档做得很不错,很多交互式例子,编辑左边的Coffee代码,右边就会编译出JavaScript代码,还能在线运行,非常方便。...我倒是找到了一个CoffeeScript的中文网站,不过更新不够及时,网络访问好像也不太通畅。所以大家还是看原版吧。

893100
  • 大公司都有哪些开源项目之腾讯

    ,支持Less、Sass、CoffeeScript、Compass framework 的即时编译。...无需手动输入命令去编译,后台监听文件是否改变,如有修改会自动进行编译。能够大大提升 Web 开发中的工作效率。...功能特性 多语言支持 支持Less、Sass、CoffeeScript 和 Compass Framework。 实时编译 监听文件,当文件改变时自动执行编译,这一切都在后台运行,无需人工操作。...编译选项 可以设置各个语言的编译选项。 项目配置 支持为项目创建一个全局配置,为文件设置统一编译选项。...特点: 自动分析头文件依赖关系,构建受影响的代码。 增量编译和链接,只构建因变更受影响而需要构建的。 自动计算库的间接依赖,库的作者只需要写出直接依赖,构建时自动检查所依赖的库是否需要重新构建。

    1.3K60

    常用工具整理

    它通过代理的方式获取程序http通讯的数据,可以用其检测网页和服务的交互情况,能够记录所有客户端和服务间的http请求,支持监视、设置断点、甚至修改输入输出数据等功能。...SourceTree下载地址:SourceTree 命令行工具 ConEmu ConEmu是一个带标签的Windows终端,提供多标签支持和丰富的自定义选项,是Windows下不可多得的Console...下载地址:ConEmu 其它 TeamViewer TeamViewer是一个能在任何防火墙和NAT代理的后台用于远程控制,桌面共享和文件传输的简单且快速的解决方案。...该软件第一次启动在两台计算机上自动生成伙伴 ID。只需要输入你的伙伴的ID到TeamViewer,然后就会立即建立起连接。...4.0版本增加显示网络游戏流量,硬盘繁忙程度,支持将记录的IP地址保存到文件。 很久未更新,可用Windows自带的资源监视替代。

    1.9K100

    前端构建:Source Maps详解

    方案结构     Source Maps不仅仅是一个.map后缀的文件,而是由浏览、.map文件生成器和.map文件组成的一套技术方案。....map文件,其实是一个关系映射文件,用于存放源码和编译后代码的文件、行号、列号和变量名的映射关系; .map文件生成器,每种预处理(Lessc、Closure、cljsc等)都可通过可选项设置如何生成....map文件; 浏览,Chrome和FF均提供Source Maps支持(IE11依然不支持),浏览实质上提供的是.map文件解析引擎,根据.map文件内容加载源文件和在调试模式中关联源码和编译后代码...另外编译后代码最后一行会追加一行指向.map文件语句,指向的方式http uri scheme 和 data uri scheme两种。...那么在生产环境当中用户访问网页时岂不会多加载两个开发环境使用的文件

    1.6K80

    Laravel中运行Gulp任务的利器(一) —— Laravel Elixir简介及入门教程

    该API集成了Gulp,为编译Laravel项目中的Less、Sass、CoffeeScript以及处理许多其他日常任务提供了一个简单的解决方案,从而减少编写上述繁琐任务的时间,有效提高编程效率。...Gulp 是一个功能强大的、开源的自动化构建工具,你可以用它来自动构建所有上述的任务甚至更多。...2、安装Elixir Laravel 5 安装完成后在项目根目录下自动包含了一个名为 package.json 的文件,该文件内容如下: { "devDependencies": {...在该文件中,可以看到一个Gulp任务示例: elixir(function(mix) { mix.less('app.less');}); mix.less 任务可以用于编译Less文件,在本例中该文件名为...下面这个CoffeeScript语句将会在浏览中显示一个弹出框: alert “Hi I am annoying” 保存该语句到 resources/assets/coffee/test.coffee

    2K91

    2015 年 JavaScript 开发者调查报告

    85% 参与者表示,他们将 ES6 编译为 ES5。同时有 15% 使用 CoffeeScript 15.2% 用 TypeScript,只有可怜的 1.1% 使用 Dart。...8、你写测试 21.7% 的人来不写任何测试,大多数人写一些测试,34.8% 经常写测试。 9、你运行连续集成测试? 和 CI 一样,很多人不用 CI 服务 —— 超过了 40%。...10、你怎么运行测试 59% 的人喜欢运行和 PhantomJS 相似的自动化浏览测试,51.3% 的人也喜欢在网络浏览上人工测试。自动化服务端测试则占了 53.3% 的得票。...19、你知道 ES2016 哪些特性? 粗略地说,一半的人不知道 ES2016 哪些新特性。 20、你理解 ES6 ?...25、你参与 JavaScript 社交事件? 近 60% 的人至少参加一个会议,而 74% 的人表示,他们喜欢去的聚会。 26、你的 JavaScript 应用程序里支持什么浏览

    64770

    CSS3与页面布局学习总结(七)——前端预处理技术(Less、Sass、CoffeeScript、TypeScript)

    方法二:使用工具软件 能够翻译Less的工具软件不少,这里介绍:Koala Koala是一个开源的预处理语言图形编译工具,目前已支持Less、Sass、Compass与CoffeeScript。...功能特性: 多语言支持: 支持Less、Sass、Compass与CoffeeScript。 实时监听与编译: 在后台监听文件的变动,检测到文件被修改后将自动进行编译。...3.1、安装 CoffeeScript 编译本身是 CoffeeScript 写的, 使用了 Jison parser generator....安装之后, 你应该可以运行 coffee 命令以执行脚本, 编译 .coffee 文件到 .js 文件, 和提供一个交互式的 REPL. coffee 命令下列参数: -c, --compile 编译一个...-n, --nodes 不对 CoffeeScript 进行编译, 仅仅 lex 和解析, 打印 parse tree: --nodejs node 命令一些实用的参数, 比如 --debug, --

    2.4K50

    Mac 下安装运行Rocket.chat

    高级的特性包括:OTR 消息,XMPP 多用户聊天,Kerberos 认证,p2p 文件分享等等。 最重要的是它是100%开源,可以快速编译出iOS、Android 安装包。 ?...上做二次开发,就需要学习的技术Meteor、Node.js、CoffeeScript.js、MongoDB、HTML(5)、CSS等。...一般说来到这里,Meteror环境已经安装好了,我们可以先创建一个小工程,测试一下Meteor的环境,以确保Meteor环境正常(因为后面安装Rocket.chat会出现各种错误,导致你怀疑Metor问题...创建一个小工程的指令,首先进入我们要保存的项目的文件夹,然后依次输入如下三个指令: $ meteor create my_cool_app $ cd my_cool_app $ meteor 这里是终端提示的指令一点点区别...提示: 第一个注册的用户是管理员,后面注册的都是普通用户。 管理员管理系统的权限,这个自己去系统里摸索吧。 我登录之后是这样的: ?

    2.1K20

    Python编辑开发:pycharm pro 2022.2.1汉化版

    智能代码编辑PyCharm 的智能代码编辑为 Python、JavaScript、CoffeeScript、TypeScript、CSS、流行的模板语言等提供一流的支持。...智能代码导航使用智能搜索跳转到任何类、文件或符号,甚至任何 IDE 操作或工具窗口。一键切换到声明、超级方法、测试、用法、实现等。...内置开发者工具PyCharm 的大量开箱即用工具包括集成的调试和测试运行;Python探查一个内置终端;与主要的 VCS 和内置数据库工具集成;具有远程口译员的远程开发能力;一个集成的 ssh...PyCharm 会自动保存您的更改,浏览会即时更新页面,显示您的编辑。...可定制的用户界面是否任何软件开发人员不喜欢调整他们的工具?我们还没有遇到过,所以我们让 PyC​​harm UI 定制变得轻而易举。享受带有可自定义配色方案和键绑定的微调工作区。

    2.1K30

    产品解析:Github Atom

    通过第一个快捷键,你可以调出一个命令行窗口,运行各种和菜单对应的功能;通过第二个快捷键,你可以方便地调出某个文件。 和sublime text一样,atom也提供了package和plugin。...非常简单直观的coffeescript代码。相信做过前端开发的工程师,atom选择试用coffeescript是个福音(atom的配置文件也是cson格式的)。 不要小看插件语言选择的重要性。...atom选择coffeescript几个很重要的考量(我猜的): coffeescript(javascript)的拥趸很多 语言强大,代码简单 是主流能够运行在浏览中的语言(coffeescript...如果能用javascript花一个小时写出来,再用phoneGap等工具一编译就搞定的活,使用native code写个todo list意义又何在呢?同样的道理适用于desktop app。...Atom的问题 就目前两小时的使用而言,我遇到了如下问题: (1) 第一次打开atom的时候,一个help文档会被自动打开。正当我一行行看的时候,atom自己crash了。

    1.6K80

    2016 年的一些总结

    很多可以说的,但是觉得没什么营养。写不出高山,那就流水般地写着吧。 CoffeeScript CoffeeScript 是工作以来,第一个 javascript 的方言吧,更多的是语法糖吧。...其他几个都只能说是 Editor,这个就是一个 IDE。 Vim:编辑之神。打开文件最快,编辑、保存都非常快。天下武功,为快不破。其几种模式,保证了 VIM 功能和效率的强大。...VSCode:微软出品,必属精品(除了 Windows 操作系统)。毕竟一个软件公司,做一个编辑对他们来说,小 case。打开文件速度慢于 Sublime Text,快于 Atom。代码补全很强大。...当然还可以才用观察者模式,采用这种方式编写的化,会存在一个问题。就是事件的 bind 、unbind 以及事件的命名空间问题,因为当事件多了,必须采用命名空间来触发和屏蔽一些事件。...事件应该作为一个改变状态数据的方式和传递状态数据工具。事件去关系数据的变化,然后通知给其他组件。这样做的化,组件之和状态数据偶性,不用去和事件耦合了,不是更低的耦合性?!

    21630

    PyCharm下载:Python编程利器PyCharm 2022版安装激活汉化教程

    智能代码编辑 JetBrains PyCharm 2021.1的智能代码编辑为Python,JavaScript,CoffeeScript,TypeScript,CSS,流行的模板语言等提供了一流的支持...智能代码导航 使用智能搜索可以跳到任何类,文件或符号,甚至任何IDE操作或工具窗口。只需单击一下即可切换到声明,超级方法,测试,用法,实现等。...会自动保存您的更改,浏览会智能地动态更新页面,显示您的修改。...可自定义的跨平台IDE 只需一个许可证密钥,即可在Windows,Mac OS和Linux上使用。使用可定制的配色方案和键绑定以及VIM仿真功能,可享受经过微调的工作空间。...可自定义的用户界面 是否不喜欢调整工具的软件开发人员?我们尚未见面,因此我们使 UI定制变得轻而易举。享受可自定义的配色方案和键绑定的微调工作区。

    1.5K00

    【趣味连载】攻城狮上传视频与普通人上传视频:(一)生成结构化数据

    他们总是想当然的认为,录入一条数据需要1分钟,那录入20条数据就是20分钟,录入100条数据,不就是100分钟?我有时候,真的很想问问他们,没有考虑过人是会犯错的?...一个 word 文档,是一组问题。 内容假定是: 1.【smart-transform】取自 Atom 的 babeljs&coffeescript&typescript 智能转 es5 库 2....一组勉强算是规律的分文件夹放置的视频 我依然是象征性的描述下,结构类似于: /videos/树莓派/【smart-transform】取自 Atom 的 babeljs&coffeescript&typescript...为了便于处理,索性写成了一个 JS 模块。之所以不直接用 JSON,是因为模块比 JSON 文件,更灵活性,后期扩展方便,如果有的话。 这一步是必须手动做的,或者说总是需要有一个人手动去做的。.../* 生成带有排序等信息的文件. */ /* 支持自动生成数据. */ makeDataWithOrder() function makeDataWithOrder() { const fs =

    1.2K50

    解析XML数据:使用xml2js库轻松进行XML解析

    解析XML文件是开发中常见的需求之一。为了以一种简单易用的方式访问XML数据,你可能不想编译一个C解析,而是想寻找一个更方便的解决方案。那么,xml2js就是你需要的工具!...xml2js是一个简单的XML到JavaScript对象转换,支持双向转换。它使用了sax-js和xmlbuilder-js这两个工具库。安装最简单的安装xml2js的方式是使用npm。...简短用法你希望尽可能简单、轻松地解析XML?...使用CoffeeScript时,代码如下:CoffeeScript 可能比较小众,但是官方文档举例了相关内容,故本文进行保留。...可以在 lib/processors.js 文件中找到:normalize:将名称转换为小写(当 options.normalize 设置为 true 时自动使用)firstCharLowerCase:

    61910
    领券