PhpStorm SCSS - 文件观察器设置
PhpStorm SCSS - File Watcher Setting
我有这样的结构:
我要在哪里设置 SCSS 文件观察器。
这是我目前的选择:
我的目标是编译
../scss/style.scss
到 ../css/style.css
../scss/user/profile.scss
到 ../css/user/profile.css
如何在文件观察器中设置我的设置以实现此模式?
如果您的项目可行,请考虑使用 compass 来编译您的 scss
。通过这种方式,无论 scss
目录中的文件结构如何,编译后
将在 css
目录中镜像此结构。
它很容易设置,还有一个很好的阅读指南:PhpStorm / Working with SASS and SCSS in Compass Projects
基本上你需要:
- 安装指南针:
gem install compass
- cd 到
public\themes1
目录和 运行 compass init
,将在此处创建配置文件 config.rb
,编辑此配置以反映您的目录结构
在设置中启用指南针支持:
文件 > 设置 > 语言和框架 > Compass
- 现在如图所示设置 File Watcher:
$ProjectFileDir$\public\themes1
是包含 config.rb
文件的目录的完整路径。
这将根据要求将 scss
个文件编译到 css
目录。
我有这样的结构:
我要在哪里设置 SCSS 文件观察器。
这是我目前的选择:
我的目标是编译
../scss/style.scss
到 ../css/style.css
../scss/user/profile.scss
到 ../css/user/profile.css
如何在文件观察器中设置我的设置以实现此模式?
如果您的项目可行,请考虑使用 compass 来编译您的 scss
。通过这种方式,无论 scss
目录中的文件结构如何,编译后
将在 css
目录中镜像此结构。
它很容易设置,还有一个很好的阅读指南:PhpStorm / Working with SASS and SCSS in Compass Projects
基本上你需要:
- 安装指南针:
gem install compass
- cd 到
public\themes1
目录和 运行compass init
,将在此处创建配置文件config.rb
,编辑此配置以反映您的目录结构 在设置中启用指南针支持:
文件 > 设置 > 语言和框架 > Compass
- 现在如图所示设置 File Watcher:
$ProjectFileDir$\public\themes1
是包含 config.rb
文件的目录的完整路径。
这将根据要求将 scss
个文件编译到 css
目录。