使用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写的一个自定义弹出式对话框代码
最近闲来无事，用js自己做了一个弹出式对话框，需要应用弹出式对话框的朋友可以参考下。
2010-01-01
js实现单张图片平移切换效果
这篇文章主要为大家详细介绍了js实现单张图片平移切换效果，一张图移动到左边以后，从底部移回最右，等待下一次循环，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-10-10
js的event详解。
js的event详解。...
2006-09-09
JS过滤url参数特殊字符的实现方法
本篇文章主要是对JS过滤url参数特殊字符的实现方法进行了详细的分析介绍，需要的朋友可以过来参考下，希望对大家有所帮助
2013-12-12
BootStrap表单验证实例代码
这篇文章主要介绍了bootstrap表单验证的实例代码，代码中包括引入的js文件，具体实现方法，大家参考本文
2017-01-01
JavaScript创建对象的四种常用模式实例分析
这篇文章主要介绍了JavaScript创建对象的四种常用模式,结合实例形式分析了javascript使用工厂模式、构造函数模式、原型模式及动态原型模式创建对象的相关操作技巧与注意事项,需要的朋友可以参考下
2019-01-01
微信小程序实现环形进度条
这篇文章主要为大家详细介绍了微信小程序实现环形进度条，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-06-06
JS中锚点链接点击平滑滚动并自由调整到顶部位置
这篇文章主要介绍了JS中锚点链接点击平滑滚动并自由调整到顶部位置,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2021-02-02
实例讲解js验证表单项是否为空的方法
这篇文章主要以实例方式向大家讲解了js验证表单项是否为空的方法，感兴趣的朋友可以参考一下
2016-01-01
JavaScript自定义事件介绍
很多DOM对象都有原生的事件支持，向div就有click、mouseover等事件，事件机制可以为类的设计带来很大的灵活性，相信.net程序员深有体会。随着web技术发展，使用JavaScript自定义对象愈发频繁，让自己创建的对象也有事件机制，通过事件对外通信，能够极大提高开发效率
2013-08-08

最新评论