如何使用SASS设置PhpStorm Live Edit?

时间:2014-07-15 14:03:56

标签: css intellij-idea sass phpstorm

我在设置PhpStorm IDE时遇到了麻烦。 我有一个Wordpress项目,其中.scss文件部署在ftp服务器上,而不是本地。

在"常规设置"中,我已启用"在帧激活时同步文件"和#34;在帧停用时保存文件"。 在"部署选项" "上传外部变更"也被检查了。

.scss文件配置的文件观察器如下所示:

.SCSS file watcher configuration PhpStorm

方法1 - 工作:

如果我编辑.scss文件并按保存,他们会编译,然后我 alt + 标签到谷歌浏览器并重新加载页面 - 更改部署到服务器并可见

所需方法 - 不工作:

我想在启用Live Edit的情况下编辑文件。但是:

  • 在实时编辑"立即文件同步"从文件观察器设置被忽略,每当我键入一个字母时,.scss文件立即开始编译("触发器观察者,无论语法错误如何,#34; SASS @ at-root都需要)
  • 编译的css文件未从本地文件系统同步到PhpStorm,因为没有 alt + 选项卡(帧停用)。
  • 没有同步的css文件= CSS没有部署到FTP,只更改了.scss文件已部署= Chrome没有显示更改。

尝试添加键盘快捷键 ctrl + r 以触发PhpStorm"在浏览器中重新加载"和"同步" - 没有帮助。

任何帮助?

0 个答案:

没有答案