使用GruntJS構(gòu)建Web程序之安裝篇

更新時(shí)間：2014年06月04日 09:47:58 作者：

Gruntjs是JavaScript項(xiàng)目的構(gòu)建工具，也是基于node的一個(gè)命令行工具。很多開源JS項(xiàng)目都是使用它搭建。如jQuery、Qunit、CanJS等。

它有以下作用

    合并JS文件
    壓縮JS文件
    單元測(cè)試（基于QUnit）
    一句話：完全自動(dòng)化（automation）

以下是它的安裝過(guò)程。

一、安裝node

參考nodejs入門（最新的node會(huì)自動(dòng)安裝npm）

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

使用-g全局安裝，這樣可以在任何一個(gè)目錄里使用了。命令: npm install -g grunt-cli

需要注意的是在linux或mac下有時(shí)會(huì)報(bào)沒(méi)有權(quán)限的錯(cuò)誤，這時(shí)須在前面加一個(gè)sudo，

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

三、安裝grunt及其插件

進(jìn)入到某項(xiàng)目根目錄，使用命令: npm install grunt --save-dev

此時(shí)，再查看grunt版本會(huì)多了一個(gè)4.0，如下

至此，安裝完畢。

您可能感興趣的文章:

相關(guān)文章

JavaScript中的concat()方法的用法詳解
在?JavaScript?中,數(shù)組和字符串都是常用的數(shù)據(jù)結(jié)構(gòu),在實(shí)際開發(fā)中,操作數(shù)組和字符串是非常頻繁的任務(wù),concat()?方法就是用于合并數(shù)組或字符串的一種常見(jiàn)方法,在本文中,我們將詳細(xì)探討?concat()?方法的用法和示例,需要的朋友可以參考下
2024-11-11
javascript 操作符（~、&、|、^、<<、>>）使用案例
這篇文章主要介紹了javascript 操作符（~、&、|、^、<<、>>）使用案例,非常的全面，需要的朋友可以參考下
2014-12-12
詳解JavaScript狀態(tài)容器Redux
Redux官網(wǎng)上是這樣描述Redux，Redux is a predictable state container for JavaScript apps.（Redux是JavaScript狀態(tài)容器，提供可預(yù)測(cè)性的狀態(tài)管理）。目前Redux GitHub有5w多star，足以說(shuō)明 Redux 受歡迎的程度
2021-06-06
bootstrap fileinput完整實(shí)例分享
這篇文章主要為大家分享文件上傳組件bootstrap fileinput完整實(shí)例,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-11-11
高效的jquery數(shù)字滾動(dòng)特效
這篇文章主要介紹了高效的jquery數(shù)字滾動(dòng)特效，靈活的進(jìn)行數(shù)字滾動(dòng)，感興趣的小伙伴們可以參考一下
2015-12-12
Js+Ajax,Get和Post在使用上的區(qū)別小結(jié)
下面小編就為大家?guī)?lái)一篇Js+Ajax,Get和Post在使用上的區(qū)別小結(jié)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-06-06
Prototype 1.5.0_rc1 及 Prototype 1.5.0 Pre0小抄本
Prototype 1.5.0_rc1 及 Prototype 1.5.0 Pre0小抄本...
2006-09-09
如何使用JS寫個(gè)方法判斷當(dāng)前時(shí)區(qū)是否是夏令時(shí)
文章介紹了如何使用JavaScript判斷當(dāng)前時(shí)區(qū)是否處于夏令時(shí),由于JavaScript標(biāo)準(zhǔn)庫(kù)沒(méi)有直接提供此功能,可以通過(guò)比較本地時(shí)間和UTC時(shí)間的差異來(lái)推斷,文章還提供了使用moment.js和moment-timezone插件進(jìn)行更精確夏令時(shí)檢測(cè)的示例,感興趣的朋友一起看看吧
2024-12-12
js獲取form表單中name屬性的值
今天小編就為大家分享一篇關(guān)于js獲取form表單中name屬性的值，小編覺(jué)得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來(lái)看看吧
2019-02-02
JS表單驗(yàn)證的代碼(常用)
最近沒(méi)有項(xiàng)目做，有點(diǎn)空余時(shí)間，小編把日常比較常用的js表單驗(yàn)證代碼整理分享到腳本之家平臺(tái)，供大家學(xué)習(xí)，需要的朋友參考下吧
2016-04-04