如何在括号文本编辑器中安装Sass

Question

重复问题？

是的。但与this

略有不同

概述：

我也是括号文本编辑器的新用户。我知道Scss＆amp;萨斯。但我使用括号文本编辑器的原因仅仅是Sass而不是Scss。

我看到了Jason Sanjose的一些教程，用于在括号文本编辑器中集成Sass。但我觉得。我做得不对。以下是我的步骤。我在做什么。

• 使用Extension Manager为支架安装Sass。
• 安装凉亭和波本威士忌
• 在root上创建名为“SASS”的文件夹，并在此文件夹中创建app.sass文件。
• 在root上创建名为“CSS”
的文件夹

• 创建一个名为“.brackets.json”的配置文件，并将代码放在其中：

  {
    "sass.enabled": false,
    "path": {
              "SASS/app.scss": {
              "sass.enabled": true,
              "sass.options": {
              "outputDir": "../CSS/",
              "includePaths": [],
              "sourceComments": true,
              "outputStyle": "nested"
            }
         }
      }
  }
  

  这里也是快照

问题：

当我在app.sass文件中编写下面的代码时，它不会将其转换为css文件或在输出目录中创建任何css文件。

body
    background-color: black

现在我的问题是：请解释我如何在css中转换sass文件或告诉我在“.brackets.json”文件或我的“app.sass”文件中我做错了什么。

Answer 1

经过大量的网络搜索。我找到了一篇有用的文章和我的答案。我和你们分享了这些。

Brackets-SASS插件设置 Step By Step Tutorial无需迁移其他应用。

Answer 2

您不需要在文本编辑器配对中安装Sass，只需要在计算机上安装Prepros，该软件支持sass / scss coffeescript typescript FTP上传等等

Answer 3

我个人建议安装Koala.app - 它是完全自动化的，并在保存时刷新。

文本编辑器可预打包或带有突出显示 SASS和SCSS的插件，但所有（我知道）无法编译它。