使用GruntJS构建Web程序之安装篇

 更新时间:2014年06月04日 09:47:58   作者:  
Gruntjs是JavaScript项目的构建工具,也是基于node的一个命令行工具。很多开源JS项目都是使用它搭建。如jQuery、Qunit、CanJS等。

它有以下作用

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

 以下是它的安装过程。

一、安装node

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

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

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

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

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

三、安装grunt及其插件

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


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

至此,安装完毕。

相关文章

  • JavaScript中的concat()方法的用法详解

    JavaScript中的concat()方法的用法详解

    在 JavaScript 中,数组和字符串都是常用的数据结构,在实际开发中,操作数组和字符串是非常频繁的任务,concat() 方法就是用于合并数组或字符串的一种常见方法,在本文中,我们将详细探讨 concat() 方法的用法和示例,需要的朋友可以参考下
    2024-11-11
  • javascript 操作符(~、&、|、^、<<、>>)使用案例

    javascript 操作符(~、&、|、^、<<、>>)使用案例

    这篇文章主要介绍了javascript 操作符(~、&、|、^、<<、>>)使用案例,非常的全面,需要的朋友可以参考下
    2014-12-12
  • 详解JavaScript状态容器Redux

    详解JavaScript状态容器Redux

    Redux官网上是这样描述Redux,Redux is a predictable state container for JavaScript apps.(Redux是JavaScript状态容器,提供可预测性的状态管理)。目前Redux GitHub有5w多star,足以说明 Redux 受欢迎的程度
    2021-06-06
  • bootstrap fileinput完整实例分享

    bootstrap fileinput完整实例分享

    这篇文章主要为大家分享文件上传组件bootstrap fileinput完整实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • 高效的jquery数字滚动特效

    高效的jquery数字滚动特效

    这篇文章主要介绍了高效的jquery数字滚动特效,灵活的进行数字滚动,感兴趣的小伙伴们可以参考一下
    2015-12-12
  • Js+Ajax,Get和Post在使用上的区别小结

    Js+Ajax,Get和Post在使用上的区别小结

    下面小编就为大家带来一篇Js+Ajax,Get和Post在使用上的区别小结。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • Prototype 1.5.0_rc1 及 Prototype 1.5.0 Pre0小抄本

    Prototype 1.5.0_rc1 及 Prototype 1.5.0 Pre0小抄本

    Prototype 1.5.0_rc1 及 Prototype 1.5.0 Pre0小抄本...
    2006-09-09
  • 如何使用JS写个方法判断当前时区是否是夏令时

    如何使用JS写个方法判断当前时区是否是夏令时

    文章介绍了如何使用JavaScript判断当前时区是否处于夏令时,由于JavaScript标准库没有直接提供此功能,可以通过比较本地时间和UTC时间的差异来推断,文章还提供了使用moment.js和moment-timezone插件进行更精确夏令时检测的示例,感兴趣的朋友一起看看吧
    2024-12-12
  • js获取form表单中name属性的值

    js获取form表单中name属性的值

    今天小编就为大家分享一篇关于js获取form表单中name属性的值,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-02-02
  • JS表单验证的代码(常用)

    JS表单验证的代码(常用)

    最近没有项目做,有点空余时间,小编把日常比较常用的js表单验证代码整理分享到脚本之家平台,供大家学习,需要的朋友参考下吧
    2016-04-04

最新评论