写页面的时候，很多细节都能通过浏览器调整恰当，但是每次都要自己把属性值复制回代码去，有没有更简洁的办法？

[persimmon]

[YuJianrong]

chrome 的 devtools 有 workspace 功能。

现在 workspace 功能里把你的文件和本地路径做好 mapping ， mapping 正确的话， sources tab 里打开的文件就直接是本地文件了（不管是 js 还是 css ），这个文件是可以 ctrl-s 保存的，会存回 mapping 好的本地文件。

然后在 Elements tab 里改好 css 后，点击 styles selector 旁边的文件链接，就会跳到对应的 css 文件去，会发现已经修改了，这时再 ctrl-s 保存就好了。

如果 less/sass 的 source map 对应正确的话，理论上来说也可以 mapping 到 less/sass/上。

修改并保存 js/html 文件当然也是可以的。

当然我这都是纸上谈兵我司项目有点特殊用不了这种奇技淫巧……

[persimmon]

@YuJianrong get ！ 明天回去试试

[vaus]

用 livestyle 插件，配合， sublimetext

[persimmon]

@YuJianrong 相当方便，还全开了 material design