首頁 > web前端 > js教程 > 使用GruntJS建構Web程式之安裝篇_javascript技巧

使用GruntJS建構Web程式之安裝篇_javascript技巧

WBOY
發布: 2016-05-16 16:46:33
原創
1328 人瀏覽過

它有以下作用

    合併JS檔案
    壓縮JS檔案
    單元測試(基於QUnit)
    一句話:完全自動化(automation)

 以下是它的安裝過程。

一、安裝node

參考nodejs入門 (最新的node會自動安裝npm)

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

使用-g全域安裝,這樣可以在任何一個目錄裡使用了。指令: npm install -g grunt-cli

使用GruntJS建構Web程式之安裝篇_javascript技巧

要注意的是在linux或mac下有時會報沒有權限的錯誤,這時須在前面加一個sudo,

使用GruntJS建構Web程式之安裝篇_javascript技巧

安裝後,可以查看改工具的版本。指令: grunt -version

使用GruntJS建構Web程式之安裝篇_javascript技巧

三、安裝grunt及其外掛程式

進入某項目根目錄,使用指令: npm install grunt --save-dev

使用GruntJS建構Web程式之安裝篇_javascript技巧

使用GruntJS建構Web程式之安裝篇_javascript技巧
此時,再查看grunt版本會多了一個4.0,如下

使用GruntJS建構Web程式之安裝篇_javascript技巧

至此,安裝完畢。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板