专业的

Compass 应用程序中的 Sass 和 SCSS

1. 下载并安装 Ruby。

2. 在设置 |安装并启用指南针插件 插件页面，选项卡Marketplace ，如从 JetBrains Marketplace 安装插件中所述。

3. 确保在设置中启用文件观察器插件。按打开 IDE 设置，然后选择插件。单击“已安装”选项卡。在搜索字段中，输入File Watchers。有关插件的更多信息，请参阅管理插件。CtrlAlt0S

• 在嵌入式终端( ) 中，键入：AltF12

  gem install compass

  Compass 安装在存储 Ruby 可执行文件和gem.bat文件的文件夹中。

• 在嵌入式终端( ) 中，键入：AltF12

  compass create <the name of the application to be created>

• 创建一个空的 PyCharm 项目，打开嵌入式终端( )，然后输入：AltF12

  cd <application folder>
  compass init

在您的应用程序中激活指南针感知支持

1. 打开.sass或.scss文件，单击语句旁边的红色灯泡@import 'compass'或按，然后从建议列表中选择配置指南针。AltEnter

   提示

   或者，在“设置”对话框 ( ) 中，转至语言和框架 | 样式表| 指南针。CtrlAlt0S

2. 选择启用 Compass 支持复选框，并指定 Compass 可执行文件和conf.rb配置文件的路径。

打开计算机上已有的应用程序源

• 单击欢迎屏幕上的“打开”或选择“文件”|“ 从主菜单打开。在打开的对话框中，选择存储源的文件夹。

从版本控制中检查应用程序源

1. 单击欢迎屏幕上的从 VCS 获取。

   或者，选择文件 | 新 | 来自版本控制或Git 的项目| 从主菜单克隆...。

   您可能会看到与您的项目关联的任何其他版本控制系统，而不是主菜单中的Git 。例如，Mercurial或Perforce。

2. 在打开的对话框中，从列表中选择您的版本控制系统，并指定用于检查应用程序源的存储库。有关更多信息，请参阅查看项目（克隆）。

创建文件观察器

1. 在“设置”对话框 ( ) 中，单击“工具”下的“文件观察器”。打开的文件观察器页面显示已配置的文件观察器的列表。CtrlAlt0S

2. 单击或按。根据您要使用的工具，从列表中选择compass sass或compass scss预定义模板。“新建观察程序”对话框打开。AltInsert

3. 在“程序”字段中，指定可执行文件的路径：

   • 适用于 Windows 的compass.bat

   • 适用于 Unix 和 macOS 的指南针

4. 在“参数”字段中，根据所使用的操作系统键入以下内容之一：

   视窗

   苹果系统

   Linux（Ubuntu）

   • compile $UnixSeparators($ProjectFileDir$)$处理整个目录

   • compile $UnixSeparators($FilePath$)$处理单个文件

   • compile $ProjectFileDir$处理整个目录

   • compile $ProjectFileDir$ $FilePath$处理单个文件

   • compile $ProjectFileDir$处理整个目录

   • compile $ProjectFileDir$ $FilePath$处理单个文件

5. 按照文件观察程序中的说明继续操作。