Web前端构建工具 GruntJS构建Web程序 (1)

分类:Javascript| 发布:佚名| 查看: | 发表时间:2014/5/12

Gruntjs是JavaScript项目的构建工具,也是基于node的一个命令行工具。很多开源JS项目都是使用它搭建。如jQuery、Qunit、CanJS等。它有以下作用

  • 合并JS文件
  • 压缩JS文件
  • 单元测试(基于QUnit)
  • 一句话:完全自动化(automation)

 

以下是它的安装过程。

 

一、安装node

参考nodejs入门 (最新的node会自动安装npm)

二、安装grunt命令行工具grunt-cli

使用-g全局安装,这样可以在任何一个目录里使用了。命令: npm install -g grunt-cli

grunt-cli

需要注意的是在linux或mac下有时会报没有权限的错误,这时须在前面加一个sudo,

安装后,可以查看改工具的版本。命令: grunt -version

grunt -version

三、安装grunt及其插件

进入到某项目根目录,使用命令: npm install grunt --save-dev

安装grunt及其插件

安装grunt及其插件

 

此时,再查看grunt版本会多了一个4.0,如下

grunt版本

 

至此,安装完毕。

下一篇:Web前端构建工具 GruntJS构建Web程序 (2)

来源:http://www.cnblogs.com/snandy/archive/2013/03/07/2946989.html

365据说看到好文章不转的人,服务器容易宕机
原创文章如转载,请注明:转载自郑州网建-前端开发 http://camnpr.com/
本文链接:http://camnpr.com/javascript/1068.html