`
zuoming99
  • 浏览: 140285 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

做web前端的同志们,想用coffeescript吗?苦于自己的web框架不支持?没关系!

阅读更多

==== 请忽略这篇文章,用IntelliJ系列IDE即可直接编辑coffeescript文件 ====

 

 

我的做法是使用SublimeText2来编辑 coffeescript 文件,使用 NodeJs 来编译为 js 文件。

 

我用SublimeText2写了一个插件,可以在保存 .coffee 文件的时候进行编译,输出目录可在 settings.py 文件里设置

 

所以需要安装 SublimeText2、NodeJs、Nodes的coffeescript插件、Python2.x,如果觉得麻烦,请绕行。

 

比如工程目录如下:

 

WebRoot

|--coffeescript

|--js

|--templates

|--...

 

解压缩 zdeploy.zip 到 %APPDATA%\Roaming\Sublime Text 2\Packages 目录下

 

在 zdeploy/settings.py 里设置如下即可:

 

 

SOURCE_FOLDER  = 'D:\\Workspace\\wendui\\WebRoot'

OUTPUT_FOLDER  = 'D:\\tomcat7\\webapps\\ROOT'

COFFEE_SOURCE_FOLDER = SOURCE_FOLDER + '\\coffeescript'

COFFEE_COMPILE_FOLDER = SOURCE_FOLDER + '\\js'

 

PS: 如果要看debug信息,请将 DEBUG 设置为 True,并在SublimeText2中按 Ctrl+` 打开控制台

 

----------------------------------------------------------------------------------

 

做完以上步骤,在编辑 SOURCE_FOLDER  目录下的 .coffee 文件时,就会自动编译为js文件并输出到js目录下,在用的地方导入即可:

<script type='text/javascript' src='/js/charming.js'></script>

分享到:
评论

相关推荐

    coffeescript

    它的语法简洁明了,减少了很多编写JavaScript时需要的重复性工作,例如,用缩进来定义代码块而不是使用大括号,用类Python的语法来定义变量等。这种语言的简洁性使得JavaScript的开发过程变得更加快捷和高效。 ...

    一个超级简单的基于 JS 的 libretro 前端_CoffeeScript_代码_下载

    这个项目,"一个超级简单的基于 JS 的 libretro 前端",显然是一个用 CoffeeScript 编写的轻量级用户界面,用于与 Libretro 后端交互,提供在网页上玩经典游戏的功能。CoffeeScript 是一种简洁、优雅的编程语言,它...

    Node.js-基于Koa2-CoffeeScript-PostgreSQL的服务器开发示例

    在本示例中,我们将深入探讨如何使用Node.js的Koa2框架,CoffeeScript编程语言以及PostgreSQL数据库来构建一个服务器。Koa2是Node.js社区广泛使用的Web应用框架,它由Express.js的作者创建,旨在提供更轻量级、模块...

    Coffeescript中文手册

    CoffeeScript 是一种简洁、优雅的编程语言,它旨在简化JavaScript的编写,提供更易读、易写的代码。通过CoffeeScript编写的代码会被自动编译成JavaScript,因此可以在任何支持JavaScript的环境中运行。以下是对标题...

    Web开发秘方

    想知道无限下拉的列表怎么做吗?你知道DropBox可以当Web服务器用吗?你知道怎么做出跨平台的幻灯片效果吗?不借助插件,怎样在移动设备上实现动画效果?怎样快速搭建和测试HTML电子邮箱?怎样制作跨PC和移动设备显示...

    前端开源库-laravel-elixir-coffeescript

    本篇文章将详细探讨`laravel-elixir-coffeescript`这个前端开源库,以及它在Laravel框架中的应用。 首先,`laravel-elixir`是由 Laravel 社区创建的一个任务运行器,它是基于Gulp.js的。Gulp.js是一个自动化构建...

    前端开源库-web-hosting

    "前端开源库-web-hosting"这个项目显然聚焦于Web托管服务,它支持多种前端开发语言和技术,如Jade(现在称为Pug)、CoffeeScript、Less、HTML、CSS以及JavaScript。下面将详细介绍这些技术和它们在Web开发中的应用。...

    CoffeeScript - Accelerated JavaScript Development

    - **Web开发**:CoffeeScript可以用于前端Web开发,与HTML、CSS结合使用,提高网页交互体验。 - **服务器端开发**:随着Node.js的发展,CoffeeScript也被应用于服务器端编程。 - **游戏开发**:CoffeeScript的简洁性...

    CoffeeScript速查表

    CoffeeScript 是一门编译到 JavaScript 的小巧语言. 在 Java 般笨拙的外表下, JavaScript 其实有着一颗华丽的心脏. CoffeeScript 尝试用简洁的方式展示 JavaScript 优秀的部分.

    CoffeeScript 中文

    CoffeeScript 中文文档 详细说明了CoffeeScript的语法和与JavaScript同样的实现

    前端开源库-fis-parser-coffee-script

    而fis-parser-coffee-script则扩展了FIS对CoffeeScript的支持,使得开发者能够用这种简洁、富有表达力的编程语言编写前端代码,并自动转化为JavaScript。 CoffeeScript是一种语法糖丰富的语言,它的设计灵感来源于...

Global site tag (gtag.js) - Google Analytics