jetbrains storm 编译 Sass，Less和SCSS

1. 确保您的计算机上 装有Node.js。

2. 确保在“ 插件”页面上启用了File Watchers和Less或Sass捆绑的 插件，有关详细信息，请参阅管理插件。

• 在嵌入式终端（Alt+F12）中，键入：

  npm install -g sass

  从Sass官方网站了解更多信息。

• sass --style=compressed style.scss

  1	sass --style=compressed style.scss

• 在嵌入式终端（Alt+F12）中，键入：

  npm install --global less

  从Less官方网站上了解更多信息。

您还可以 按照npm和Yarn中的描述，在Node.js和NPM页面上安装less软件包。

创建文件观察器

1. 在“ 设置/首选项”对话框中 Ctrl+Alt+S，单击“ 工具”下的“ 文件监视程序 ” 。 打开的“ 文件监视程序”页面显示已配置的文件监视程序的列表。

2. 单击或按Alt+Insert。根据要使用的工具， 从列表中选择Less，Sass或SCSS预定义模板。

3. 在“ 程序”字段中，根据所选的预定义模板指定编译器存档的路径。

   如果对npm遵循标准安装过程，则WebStorm会自行查找所需文件并自动填写该字段。否则，请手动输入路径或单击 并在打开的对话框中选择文件位置。

4. 按照文件监视程序中所述进行操作。