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