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

Question

重复问题？

是的。但是和

有点不一样

概览：

我也是括号文本编辑器的新用户。我知道 Scss 和 Sass 之间的区别。但是我使用方括号文本编辑器的原因只是为了 Sass 而不是 Scss。

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

使用扩展管理器为支架安装 Sass。
安装 bower 和 bourbon
在名为 "SASS" 的根目录上创建文件夹，并在此文件夹中创建 app.sass 文件。
在根目录上创建名为："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

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

Answer 2

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

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

Answer 3

在网上搜索了很多之后。我找到了一篇有用的文章和我的答案。我正在与大家分享。

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

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

How to install Sass in brackets text editor

sass

adobe-brackets