配置coffeeScript

1.安装好node.js后

在系统环境变量自动会设置好:

我安装在D:\Program Files文件夹中

也安装好了npm(node packges manager)

2.系统会自动配置npm的用户路径

但是我们安装的路径是,修改为一下路径

3.在你的需要的工作目录中打开git安装coffee包
npm install -g coffee-script全局
npm install -g coffee-script(建议使用这个命令)

下载到了coffee了这个文件夹

4.创建一个coffee.cmd文件,内容如下:
@echo off
"D:\Program Files\nodejs\node.exe" "F:/Study/CoffeeScript/node_modules/coffee-script/bin/coffee" %*

5.测试

创建一个文件,如test.coffee,内容如下:

square = (x) -> x * x

使用coffee.cmd将它编译为js文件:

coffee -c test.coffee

运行后,如果一切正常的话,你会发现test.coffee同级目录下,将会多出一个test.js文件,内容如下:

(function() {
  var square;

square = function(x) {
    return x * x;
  };

}).call(this);

这样就说明我们的coffee安装成功了!

配置coffeeScript

时间: 2024-08-02 07:59:07

配置coffeeScript的相关文章

window7 配置node.js 和coffeescript环境

前两天看了coffeescript,基于node.js,顺带配置一个node环境吧,折腾了好久 1.从 node.js 下载msi安装环境 安装完成之后打开安装目录,可以看到一个 node.exe 打开可以在里面执行js代码,类似chrome的console,注意 不是在这里执行node命令的!下面所有的执行环境都是cmd. 打开cmd,输入 node -v 会返回当前的node版本,表示安装成功 最新的安装包里已经自带了npm,同理 npm -v 查看npm是否安装成功 2.安装coffees

webpack配置常用loader加载器

webapck中使用loader的方法有三种 使用loader之前必须运行安装 : npm install --save-dev xxx-loader (1)通过CLI : 命令行中运行 webpack --module-bind jade  --module-bind 'css=style!css' //jade,style,css后面可省略-loader,他们分别对.jade使用jade-loader,对.css使用style-loader和css-loader (2)通过require :

less,sass,stylus配置和应用教程及三者比较

 Less 1. 定义: Less是CSS预处理语言,在css基础之上增加了诸如变量,混合(mix),继承,运算,函数等功能,LESS既可以运行在客户端(支持IE10+,firefox,Webkit),也可以借助于Node.js在服务器端运行(支持IE6+,firefox,Webkit). 什么是CSS预处理技术?CSS预处理技术,是指用一种新语言用来为CSS 增加可编程的的特性,无需考虑浏览器的兼容性问题.你可以在 CSS 中使用变量.简单的程序逻辑.函数等等在编程语言中的一些基本技巧,可以让

我使用的Sublime插件及配置

我使用的Sublime插件及配置 增强型插件 Package Control 快捷键ctrl+~,调出命令行,运行: import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path();

win系统下nodejs安装及环境配置

第一步:下载安装文件 下载nodejs,官网:http://nodejs.org/download/, 中文网  http://nodejs.cn/ 第二步:安装nodejs 下载完成之后,双击"node-v4.4.4-x64.msi",开始安装nodejs,默认安装在C:\Program Files (x86)\nodejs下面. 在cmd控制台输入:node -v,控制台将打印出:v4.4.4,出现版本提示表示安装成功.该引导步骤会将node.exe文件安装到C:\Program

Grunt安装配置教程:前端自动化工作流

Grunt这货是啥? Grunt 是一个基于任务的 JavaScript 项目命令行构建工具. 最近很火的前端自动化小工具,基于任务的命令行构建工具 http://gruntjs.com Grunt能帮我们干啥? 在开始介绍前,先向大家描述下面的场景: [场景1:项目开始前] 先建立一个 projA 的文件夹 再建 html css js images (建5个或以上文件夹,花费1分钟) 拷贝 CSS库(Yui Reset bootstrap)JS库(Requiet.js Seajs jQuer

CoffeeScript NgComponent

Angular遇上CoffeeScript - NgComponent封装 CoffeeScript是基于JavaScript的一门扩展小巧语言,它需要编译成JavaScript,然后再运行与浏览器或者Nodejs平台.JavaScript由于商业原因10天时间就匆忙诞生,所以存在很多弊病.但如<JavaScript精粹>一书中所说:JavaScript也存在着一颗华丽的心脏,如果我们能避开JavaScript中的“坑”,使用其精华的部分,这将是一门令人爱不释手的语言. 而CoffeeScri

node.js项目中使用coffeescript的方式汇总

Coffeescript作为Javascript低调的小弟实在是有过人之处,使用它可以增进开发效率,减少代码错误, 关键是能大幅提升开发愉悦感.我越来越觉得只要可能就在自己的项目中把coffee用起来. 然而也许你和我一样,在了解完coffeescript的语法后准备一试身手的时候,却面对如何把它引入项目而犯起愁来. 其实coffeescript这种语言因其可以一对一地翻译为javascript的特性,使用起来其实非常灵活. 将其引入项目的方式也不止一个.这里,我先就node项目引入coffee

requerjs 合并 优化配置

/* * This is an example build file that demonstrates how to use the build system for * require.js. * * THIS BUILD FILE WILL NOT WORK. It is referencing paths that probably * do not exist on your machine. Just use it as a guide. * * */   ({     //The