1、百度搜索node.js 官网下载最新版本   地址：http://nodejs.cn/

2、进入官网后根据自己系统版本下载对应文件

3、下载到本地的node.js 文件如下

4、安装就可以一路回车了，界面风格很漂亮 ，灰常喜欢

安装很快的，稍稍等待......

5、在cmd控制台输入：node -v，控制台将打印出：v4.1.0，出现版本表示表示安装成功。

6、npm安装  由于新版的nodejs已经集成了npm，所以之前npm也一并安装好了。同样可以使用cmd命令行输入"npm-v"来测试是否成功安装。如下图，出现版本提示表示安装成功。

7、安装相关环境 需要在联网的情况下执行

npm install express -g 
npm install jade -g
npm install mysql -g

默认情况下上述组件都是安装在nodejs\node_modules文件夹下，这也是nodejs相关组件的自动查找路径。

npm install coffee-script -g

确认安装的命令：coffee -v，出现版本号表示成功安装。

9、CoffeeScript测试实例
新建cs.js文件，输入:

for i in [0...5]
console.log "hello #{i}"

在该目录下运行"coffee cs.js" 输出:

D:\>coffee cs.js
hello 0
hello 1
hello 2
hello 3
hello 4

node.js 环境基本就配置完成。

1、 安装grunt-CLI

打开控制台（注意：windows系统下请使用管理员权限打开），输入：

npm install -g grunt-cli

这时候要验证一下grunt-cli是否安装完成并生效，你只需要继续在命令行中输入“grunt”命令即可。如果生效，则会出现以下结果：

执行grunt命令，我们发现系统报错了，提示不能加载本地库。因为，grunt命令执行，是需要当前目录中包括package.json和Gruntfile.js两个文件

Grunt是应用于实际项目的，所以我们得有一个简单的测试网站来演示grunt的安装、使用。

首先，我们在E盘下创建一个grunt_test1的文件夹，添加上面两个文件 

Package.json的内容我们写成如下格式：

很简单，我们把这个网站或系统的名称、版本写了一下。但是，不光是写在这里占空的，以后会用到的，具体如何用，我们下文会有介绍，先别着急。

还有，最后一个“devDependencies”是什么意思？字面意思解释是“开发依赖项”，即我们现在这个系统，将会依赖于哪些工具来开发。现在代码一行都没有写，依赖于谁？谁也不依赖！所以，就先写一个空对象。但是下文会慢慢把它填充起来。

另外，其实package.json中你可以增加任何符合json格式的代码，它生来自由，仅仅受json代码格式的限制。

怎么样，看到这里，是不是觉得下文很有悬念，很想看下去呀？那就继续！

 这里我们进入E:\grunt_test1目录下。然后输入以下命令

 npm install grunt --save-dev

现在你应该第一时间打开package.json去看看，那里的“devDependencies”有什么变化。我这里的变化如下图，看看你的是不是和我的一样？

然后你再看看文档目录中的文件或者文件夹有什么变化？我这里多了一个“node_modules”文件夹，其中有一个“grunt”文件夹，再其中有若干文档。这里就是存储grunt源文件的地方。

这是见证奇迹的时刻，别着急，奇迹还没完呢。然后你在控制台运行“grunt”命令。如果你得到一个warning提示，那说明grunt已经起作用了。如下图

经过以上三步，说明grunt已经在这个目录下成功安装。

那么，为何我们在刚才执行grunt时候会有Warning提示呢？根据提示，我们得知的信息是：Task “default” not found ，如何搞定这个问题？——当然是继续往下看啊。

另外请注意Gruntfile.js中的一句话：

这句话是在Gruntfile.js中获取package.json中的内容。在上文配置package.json时我们说过：package.json中的内容不光是用来占位置的，还可以在其他地方获取。这里不是已经获取了package.json内容了吗？至于获取了如何 使用，下文会有介绍，还是继续往下看吧。

4、Grunt插件介绍http://www.gruntjs.net/plugins

进入grunt官网的插件列表页面 http://www.gruntjs.net/plugins ，我们能看到grunt到目前位置的所有插件。现在里面有4560个插件，这个数量每天都在增加。而且，这些既然出现在官网，肯定是经过审核的。

插件分为两类。第一类是grunt团队贡献的插件，这些插件的名字前面都带有“contrib-”前缀，而且在插件列表中有星号标注。第二类是第三方提供的插件，不带有这两个特征。

和jquery一样，插件那么多，肯定不会全部用。grunt官网插件列表的前几个插件中的前几个插件，下载量最多，它们肯定是大家都在用的插件。第一名jshint插件最近30天下载量将近89万次，这是多么惊人的下载量！

咱们可以把前几名插件的作用简单描述一下，看看你在实际编码过程中是否需要？其实不用看就知道答案——肯定需要——要不然怎么会下载量那么高呢？

• Contrib-jshint——javascript语法错误检查；

• Contrib-watch——实时监控文件变化、调用相应的任务重新执行；

• Contrib-clean——清空文件、文件夹；

• Contrib-uglify——压缩javascript代码

• Contrib-copy——复制文件、文件夹

• Contrib-concat——合并多个文件的代码到一个文件中

• karma——前端自动化测试工具

以上这些插件，本文不会全部讲到。但是随着讲解其中的一部分，我想你就能掌握使用grunt插件的方法。知道方法了，然后你就可以参考官方文档去使用你想要的插件。

grunt集全世界web前端开发的智慧于一身，比你想想的更加强大，它的插件库能应对你在web前端开发遇到的任何事情。

还等什么，继续往下看。