在 Compass 应用程序中的 Sass 和 SCSS

在 GoLand 中使用 Compass 支持，Compass 应用程序中的 Sass 或 SCSS 样式表将自动编译为 CSS。

在开始之前

下载并安装 Ruby。
按照从 JetBrains Marketplace 安装插件中的描述，在设置 | 插件页面、 Marketplace 选项卡上安装并启用 Compass 插件。
请确保在设置中启用了 File Watchers 插件。按下 Ctrl+Alt+S 打开设置，然后选择插件。点击已安装选项卡。在搜索字段中，输入 File Watchers。有关插件的更多信息，请参阅插件管理。

在内置的终端（Alt+F12 ）中，输入：
gem install compass
Compass 安装在 Ruby 可执行文件和 gem.bat 文件存储的文件夹中。

如果您还没有 Compass 应用，您可以创建它或向空的 GoLand 项目中添加 Compass 支持。无论哪种情况，都会生成一个 conf.rb 配置文件。

在内置的终端（Alt+F12 ）中，输入：
compass create <the name of the application to be created>
创建一个空的 GoLand 项目，打开嵌入的终端（Alt+F12 ），然后输入：
cd <application folder> compass init

打开 .sass 或 .scss 文件，点击 @import 'compass' 语句旁的红色灯泡或按 Alt+Enter ，然后从建议列表中选择配置 Compass。
或者，在设置对话框（Ctrl+Alt+S ）中，转到语言与框架 | 样式表 | Compass。
选中启用 Compass 支持复选框，并指定 Compass 可执行文件和 conf.rb 配置文件的路径。

在欢迎屏幕上点击克隆。
或者，从主菜单中选择 Git ｜克隆… 或 VCS | 从版本控制获取。
在主菜单中，您可能会看到与您的项目关联的其他任何版本控制系统，而不是 Git。例如， Mercurial 或 Perforce。

要自动编译代码，您需要安装编译器并配置 Compass Sass 或 Compass SCSS File Watcher ，该工具将跟踪文件的更改并运行编译器。

当您打开文件时，GoLand 会检查当前项目中是否有适用的文件监视器。如果已配置此类文件监视器但被禁用，GoLand 会显示一个弹出窗口，告知您已配置的文件监视器，并建议您启用它。

如果在当前项目中配置并启用了适用的文件监视器，GoLand 会在新建监视器对话框中指定的事件发生时自动启动编译器。

如果选中自动保存已编辑的文件以触发监视器复选框，只要对源代码进行任何更改，文件监视器就会立即启动。
如果清除自动保存已编辑的文件以触发监视器复选框，文件监视器会在保存时（文件 | 全部保存、 Ctrl+S ）或当您将焦点从 GoLand 移开时（在帧停用时）启动。

有关更多信息，请参阅文件监视器。

GoLand 会创建一个包含生成输出的单独的文件。文件名称为源 Sass 或 SCSS 文件名，并带有扩展名 .css 。生成文件的位置在要刷新的输出路径字段中定义，位于新建监视器对话框中。不过，在项目树中，它们显示在源文件下方，源文件现在显示为一个节点。

在设置对话框（Ctrl+Alt+S ）中，点击文件监视器下的工具。 File Watchers 页面显示了已配置的 File Watchers 列表。
点击或按 Alt+Insert。根据您将要使用的工具，从列表中选择 compass sass 或 compass scss 预定义模板。 New Watcher对话框打开。
在程序字段中，指定可执行文件的路径：
- compass.bat 适用于 Windows
- 指南针适用于 Unix 和 macOS
在参数字段中，根据使用的操作系统键入以下其中之一：
- compile $UnixSeparators($ProjectFileDir$)$ 处理整个目录
- compile $UnixSeparators($FilePath$)$ 用于处理单个文件
- compile $ProjectFileDir$ 处理整个目录
- compile $ProjectFileDir$ $FilePath$ 用于处理单个文件
- compile $ProjectFileDir$ 处理整个目录
- compile $ProjectFileDir$ $FilePath$ 用于处理单个文件
按照文件监视器中的说明进行操作。

最后修改日期： 2025年 12月 5日