Grunt安裝與環境配置

公司項目還沒有前后端分離，而前端是使用node.js搭建起來的，現在需要自己動手開發，故學習下並做為記錄防止以后忘記。

grunt依賴node.js，所以在安裝之前確保你安裝了 Node.js。然后開始安裝 Grunt

實際上，安裝的並不是 Grunt，而是 Grunt-cli，也就是命令行的 Grunt，這樣你就可以使用 grunt 命令來執行某個項目中的 Gruntfile.js 中定義的 task 。但是要注意，Grunt-cli 只是一個命令行工具，用來執行，而不是 Grunt 這個工具本身

 

1.安裝node.js

　　網上有很多這樣的教程，其實我也是查的，先不做詳細記錄了。 安裝nodejs

2.全局環境下安裝grunt

　　npm install -g grunt-cli

3.新建項目grunt_demo，名稱可不要與grunt相同哦（其實很多時候都是這樣，不要命名為專屬名詞，防止出現不必要的問題）

　　

4.package.json（需要的插件信息在文件中寫入）

　　

　　由於項目公司前端已經配好了，我就是clone下來后在本地開發。打開文件可以看到，package.json中配置好了很多插件及其版本信息，所以，我不需要執行npm init。當然，你要是沒有還是要執行初始化的。

5.安裝grunt

　　npm install grunt --save-dev　　

　　--save-dev

6.安裝插件

　　

　　這是插件沒有找到，執行命令“npm install 插件名稱 --save-dev“即可。

7.grunt后續其實還有很多，但筆者目前只用到這里，記錄個鏈接做為以后的了解

　　grunt配置及效果

 注意，執行grunt less等命令，需要在管理員的權限下執行哦