4回答

• 

  慕小乔

  2016-11-21 14:46:01

  
  1.在 chrome://flags/ 中启用 Developer Tools Experiments (开发者工具实验)
  2.在 Developer tools 设置 Experiments 选项下开启File system folders in Sources Panel，再重启Developer tools，就会多出Workspace选项。
  3.在Workspace中把你的资源目录添加到File systems即可，如果CSS，JS链的是URL可以使用Mappings来设置路由（注意:结尾千万不要加上\，他逻辑只判断了是否以/结尾，否则就会变成path\/,略坑啊~~）

  4. 需要安装2个插接件：grunt-contrib-watch、connect-livereload
  ⑴执行命令：npm install --save-dev grunt-contrib-watch connect-livereload
  ⑵. 安装浏览器插件：Chrome LiveReload
  ⑶. 配置一个Web服务器（IIS/Apache），LiveReload需要在本地服务器环境下运行（对file:///文件路径支持并不是很好），需要127.0.0.1:8080这种的。
  ⑷. 修改Gruntfile.js文件：

  
  

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

  
  

  1 0

  坨坨儿

  这个在最新版chrome浏览器中貌似不存在第2步了,第3步也够抽象的，第4步的插件哪里有下？

  2017-05-03 11:32:45

  共 1 条回复 >

• 

  一只会飞的猪

  2016-05-30 16:07:56

  同求，我这边也保存不了

  0 0
• 

  烟云怀僧

  2015-09-15 18:32:32

  我的问题解决了，

  

  
  

  左侧文件列表处点击右键 save，scss 自动就修改了

  0 0
• 

  echo_kinchao

  2015-08-21 17:51:00

  查看手册  肯定有答案

  2 0

  烟云怀僧

  问题解决了么？我也遇到了一样的问题，求助

  2015-09-15 18:24:12

  共 2 条回复 >