devtools可以在原始文件和当前修改之间显示差异吗?
或者是CSS的修改选择器及其新值的列表?
我知道:
- 本地修改 - 每次更改的历史记录,但不是原创的......当前
- 映射到工作区 - 将修改后的文件保存到其源
- 来源地图 - 查看预处理来源(SCSS)
工作流程(SCSS)
- 使用CSS撰写“元素”窗格的更改(不能直接编辑SCSS规则)
- 记住两个窗口中的更改或交叉引用
- 添加到SCSS,编译,重新加载并希望我没有错过任何内容。
如果可以在元素窗格中编辑SCSS,那么我们可以使用工作区映射和livereload进行保存,但这比在浏览器中修改CSS要慢。