热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

ChromeDevTools将CSS更改直接保存到SASS文件-ChromeDevToolssaveCSSchangesdirectlytoSASSfile

IsitpossibletohavestylechangesdonedirectlyintheStylespanelnotonlypersistedtothe.

Is it possible to have style changes done directly in the "Styles" panel not only persisted to the .css but also to the corresponding .scss file?

是否可以直接在“样式”面板中完成样式更改,不仅可以持久保存到.css,还可以保存到相应的.scss文件中?

I have CSS source maps for every file and that works fine - I can jump right into the .scss file when I Ctrl-Click a property. I can edit the .scss file then and it reloads correctly (compass task in the background), but unfortunately everything I change directly in the Styles panel is persisted only to the compiled .css file.

我有每个文件的CSS源映射,并且工作正常 - 当我按住Ctrl键单击属性时,我可以直接跳转到.scss文件。我可以编辑.scss文件,然后重新加载(背景中的罗盘任务),但不幸的是,我在样式面板中直接更改的所有内容仅保留到已编译的.css文件中。

Styles panel

As soon as I change a value, the file changes to main.css and the changes are only persisted there:

一旦我更改了一个值,该文件就会更改为main.css,并且只会在那里保留更改:

Styles panel 2

2 个解决方案

#1


0  

Yes, it's possible.

是的,这是可能的。

But with some limitations:

但有一些限制:

  1. Not to file, but to editor - Sublime Text 3, and now may be some other
  2. 不是文件,而是编辑 - Sublime Text 3,现在可能还有其他一些
  3. Not exact SASS syntax, but SCSS. Also LESS and plain CSS are supported.
  4. 不是SASS语法,而是SCSS。还支持LESS和普通CSS。

For the tale can stay a the reality you need a some tools that you can find here. The bunch of these tools named "Emmet Live Style".

因为故事可以保持现实,你需要一些工具,你可以在这里找到。这些工具中有一堆名为“Emmet Live Style”。

The developer promise support for Stylus and SASS soon.

开发商很快就会支持Stylus和SASS。

#2


-1  

If you set up a Workspace then you will be able to save Sass to your files on your computer.

如果您设置了工作区,则可以将Sass保存到计算机上的文件中。

Here's how to set it up https://www.youtube.com/watch?v=bqfoYaKCYUI#t=3m39s

以下是如何设置https://www.youtube.com/watch?v=bqfoYaKCYUI#t=3m39s


推荐阅读
author-avatar
把默认珀尔_430_394
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有