1.在 chrome://flags/ 中啟用 Developer Tools Experiments (開發(fā)者工具實驗)
2.在 Developer tools 設(shè)置 Experiments 選項下開啟File system folders in Sources Panel，再重啟Developer tools，就會多出Workspace選項。
3.在Workspace中把你的資源目錄添加到File systems即可，如果CSS，JS鏈的是URL可以使用Mappings來設(shè)置路由（注意:結(jié)尾千萬不要加上\，他邏輯只判斷了是否以/結(jié)尾，否則就會變成path\/,略坑啊~~）

4. 需要安裝2個插接件：grunt-contrib-watch、connect-livereload
⑴執(zhí)行命令：npm install --save-dev grunt-contrib-watch connect-livereload
⑵. 安裝瀏覽器插件：Chrome LiveReload
⑶. 配置一個Web服務(wù)器（IIS/Apache），LiveReload需要在本地服務(wù)器環(huán)境下運(yùn)行（對file:///文件路徑支持并不是很好），需要127.0.0.1:8080這種的。
⑷. 修改Gruntfile.js文件：

watch: {
? ? ? ? ? ?css: {
? ? ? ? ? ? ? ?files: '**/*.scss',
? ? ? ? ? ? ? ?tasks: ['sass'],
? ? ? ? ? ? ? ?options: {
? ? ? ? ?livereload: true
? ? ? ? ? ?}
? ? ? ? ? ? ? ? }
? ? ? ?}