使用GruntJS構(gòu)建Web程序之安裝篇
更新時(shí)間：2014年06月04日 09:47:58 作者：
Gruntjs是JavaScript項(xiàng)目的構(gòu)建工具，也是基于node的一個(gè)命令行工具。很多開(kāi)源JS項(xiàng)目都是使用它搭建。如jQuery、Qunit、CanJS等。
它有以下作用
合并JS文件
壓縮JS文件
單元測(cè)試（基于QUnit）
一句話(huà)：完全自動(dòng)化（automation）
以下是它的安裝過(guò)程。
一、安裝node
參考nodejs入門(mén) （最新的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，如下
至此，安裝完畢。
您可能感興趣的文章:
- Node.js的項(xiàng)目構(gòu)建工具Grunt的安裝與配置教程
- 使用基于Node.js的構(gòu)建工具Grunt來(lái)發(fā)布ASP.NET MVC項(xiàng)目
- 學(xué)習(xí)使用grunt來(lái)打包JavaScript和CSS程序的教程
- 配置Grunt的Task時(shí)通配符支持和動(dòng)態(tài)生成文件名問(wèn)題
- Grunt入門(mén)教程(自動(dòng)任務(wù)運(yùn)行器)
- 詳解Grunt插件之LiveReload實(shí)現(xiàn)頁(yè)面自動(dòng)刷新（兩種方案）
- 使用GruntJS構(gòu)建Web程序之Tasks（任務(wù)）篇
- 使用GruntJS構(gòu)建Web程序之合并壓縮篇
- 使用GruntJS構(gòu)建Web程序之構(gòu)建篇
- 使用GruntJS鏈接與壓縮多個(gè)JavaScript文件過(guò)程詳解
- 使用Grunt.js管理你項(xiàng)目的應(yīng)用說(shuō)明
- 基于Node.js的JavaScript項(xiàng)目構(gòu)建工具gulp的使用教程
相關(guān)文章
JavaScript寫(xiě)的一個(gè)自定義彈出式對(duì)話(huà)框代碼
最近閑來(lái)無(wú)事，用js自己做了一個(gè)彈出式對(duì)話(huà)框，需要應(yīng)用彈出式對(duì)話(huà)框的朋友可以參考下。2010-01-01
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)單張圖片平移切換效果，一張圖移動(dòng)到左邊以后，從底部移回最右，等待下一次循環(huán)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-10-10
js的event詳解。...2006-09-09
JS過(guò)濾url參數(shù)特殊字符的實(shí)現(xiàn)方法
本篇文章主要是對(duì)JS過(guò)濾url參數(shù)特殊字符的實(shí)現(xiàn)方法進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12
這篇文章主要介紹了bootstrap表單驗(yàn)證的實(shí)例代碼，代碼中包括引入的js文件，具體實(shí)現(xiàn)方法，大家參考本文2017-01-01
JavaScript創(chuàng)建對(duì)象的四種常用模式實(shí)例分析
這篇文章主要介紹了JavaScript創(chuàng)建對(duì)象的四種常用模式,結(jié)合實(shí)例形式分析了javascript使用工廠(chǎng)模式、構(gòu)造函數(shù)模式、原型模式及動(dòng)態(tài)原型模式創(chuàng)建對(duì)象的相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下2019-01-01
微信小程序?qū)崿F(xiàn)環(huán)形進(jìn)度條
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)環(huán)形進(jìn)度條，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-06-06
JS中錨點(diǎn)鏈接點(diǎn)擊平滑滾動(dòng)并自由調(diào)整到頂部位置
這篇文章主要介紹了JS中錨點(diǎn)鏈接點(diǎn)擊平滑滾動(dòng)并自由調(diào)整到頂部位置,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-02-02
實(shí)例講解js驗(yàn)證表單項(xiàng)是否為空的方法
這篇文章主要以實(shí)例方式向大家講解了js驗(yàn)證表單項(xiàng)是否為空的方法，感興趣的朋友可以參考一下2016-01-01
很多DOM對(duì)象都有原生的事件支持，向div就有click、mouseover等事件，事件機(jī)制可以為類(lèi)的設(shè)計(jì)帶來(lái)很大的靈活性，相信.net程序員深有體會(huì)。隨著web技術(shù)發(fā)展，使用JavaScript自定義對(duì)象愈發(fā)頻繁，讓自己創(chuàng)建的對(duì)象也有事件機(jī)制，通過(guò)事件對(duì)外通信，能夠極大提高開(kāi)發(fā)效率2013-08-08