grunt使用watch和livereload的Gruntfile.js的配置

　周末在家看angularJS, 用grunt的livereload的自動(dòng)刷新, 搞了大半天, 現(xiàn)在把配置貼出來(lái), 免得以后忘記了, 只要按照配置一步步弄是沒(méi)有問(wèn)題的;

　　開(kāi)始的準(zhǔn)備的環(huán)境安裝是:

　?。?）：nodeJS,去官方網(wǎng)站下載(href); 

　　（2）：然后把nodeJS加到全局的環(huán)境變量里面去(nodeJS安裝好了就能用npm這個(gè)命令了),參考(href);

　?。?）：執(zhí)行npm install grunt -g 和 npm install -g grunt-cli,一個(gè)是安裝服務(wù)端的gurnt一個(gè)是客戶(hù)端的grunt(反正都安裝就好了)，參考(href)

　　第一步：新建一個(gè)叫做Gruntfile.js的js文件

運(yùn)行下面代碼

module.exports = 'package.json'9000'127.0.0.1', 
                livereload: 35729  , "html"                          35729 '**/*''default',["connect","watch"'grunt-contrib-watch''grunt-contrib-connect'

　　2：新建一個(gè)package.json的文件, 直接在cmd(命令行)下執(zhí)行npm install即可把所有的node_module自動(dòng)下載下來(lái);

運(yùn)行下面代碼

{    "name": "nono",    "version": "0.0.0",    "description": "for watch",    "main": "Gruntfile.js",    "dependencies": {    "grunt": "~0.4.5",        "express": "~3.15.2",        "grunt-contrib-connect": "~0.6.0",        "grunt-contrib-watch": "~0.5.3"},    "devDependencies": {},    "scripts": {    "test": "echo \"Error: no test specified\" && exit 1"},    "repository": {    "type": "git",        "url": "sqqihao.github.com"},    "keywords": [    "nono"],    "author": "nono",    "license": "__MIT__"}

　　好了, 現(xiàn)在在當(dāng)前目錄下執(zhí)行g(shù)runt, grunt會(huì)自動(dòng)監(jiān)控所有文件的變化, 當(dāng)你的文件一旦發(fā)生改變的,  你通過(guò)127.0.0.1打開(kāi)的所有html格式文件都會(huì)自動(dòng)刷新;新航道雅思

;