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

2023-12-15

重复的问题?

是的。但与this

概述:

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

我看到了一些教程贾森·桑何塞用于将 Sass 集成到括号文本编辑器中。但我觉得。我做得不对。下面是我的步骤。我在做什么。

  • 使用扩展管理器为支架安装 Sass。
  • 安装凉亭和波本威士忌
  • 在根目录上创建名为“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"
              }
           }
        }
    }
    

    and here is the snapshot also reference

问题:

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

body
    background-color: black

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


经过网上大量搜索。我找到了一篇有用的文章和我的答案。我正在与大家分享。

括号-SASS插件设置 分步教程无需迁移到其他应用程序。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在括号文本编辑器中安装Sass 的相关文章

  • Webpack - extract-text-webpack-plugin 找不到模块

    webpack config js var ExtractTextPlugin require extract text webpack plugin 如果我刚刚实现该插件 我会立即收到此错误 module js 339 throw err
  • Gulp - 处理多个主题和文件夹

    我正在努力创造一个终极gulpfile我们可以在我们的大型网站之一上使用它 一个具有多个主题 具体取决于您所在网站的部分 我试图让它只运行它需要运行的进程 而不是重新编译所有内容 让我准确地布局我想要实现的目标 文件夹结构 src mast
  • 带有 SVG 图像数据 URI 的背景图像中的 SCSS 变量

    在下面的SCSS中 我想使用fg color内的变量url background image属性 fg color ff6464 i icon back background image url data image svg xml cha
  • Susy 2:具有流动主要内容区域的固定宽度侧边栏

    使用 Susy 2 候选版本 我试图弄清楚如何创建一个带有固定宽度侧边栏的简单流体布局 无论是左侧位置还是右侧位置 我很高兴使用第一个和最后一个关键字 谁能告诉我如何在 Susy 2 中执行此操作 谢谢你 有几种方法可以混合固定 流体布局
  • Angular 6 构建中的 style.js 是什么

    偷看html源代码 我使用 sass 使用 ng 6 构建 SPA 我找到了这些文件列表 我想知道 style js 是做什么用的 我正在
  • Rails:预编译资产缺少节点模块

    我在rails 5 1应用程序中使用yarn 不是webpacker 只是默认的资源管道 在开发环境中运行本地服务器 我的资产没有遇到任何问题 但是一旦我预编译我的资产 环境并不重要 或让 Heroku 打包我的资产 我从我的内部导入的所有
  • 如何在 ionic 4 中提供警报控制器 css?

    我想在 ionic 4 中提供警报控制器样式 这些是我的演示代码 async presentalert const alert await this alertCtrl create header DO YOU WANT TO CANCEL
  • 如何解决这个 sass 插值问题

    警告 您可能不想在此处进行插值时使用颜色值白色 它最终可能会呈现为白色 这可能会产生无效的 CSS 将颜色名称用作字符串或映射键时 请始终引用颜色名称 例如 白色 如果您确实想在此处使用颜色值 请使用 colorName 93 text c
  • 如何更改 vuetify v2 中 scss 中的断点?

    我正在使用 scss 文件 我想更改 vuetify v2 中 css 端的断点 我在 vuetify 升级指南中找不到任何参考 在 1 5 版本中我做了 style x styl grid breakpoints xs 0 sm 476p
  • Sass 更改监视间隔,更频繁地编译

    我正在使用 sass 将 scss 编译为 css 每次保存后 大约需要 15 20 秒才能编译为 scss 文件到 css 因此我需要刷新几次才能看到预期结果 有没有办法告诉 Sass 更频繁地检查更改 这是我使用的命令 sass wat
  • 我可以用 SASS \ Compass 计算和使用元素高度吗

    我在 RoR 项目中使用 sass 和 compass 我需要分配给top元素的 CSS 属性值 即元素高度除以 2 我可以用 SASS Compass 来做吗 你似乎已经得到了XY问题 https meta stackexchange c
  • 修改变量后动态重新导入 Sass 部分

    我正在开发一个利用 Sass 预编译的 Twitter Bootstrap 的项目 每次覆盖变量时 我都必须重新导入 bootstrap sass文件到我的项目主样式表以使覆盖生效 您是否知道如何使此过程自动进行 以便每次修改变量时立即生效
  • 使用 npm 安装 font Awesome 5 以供 scs 使用

    就像标题所说 我无法出于 scss 目的使用 npm 安装 font Awesome 5 尝试安装版本5 根据https fontawesome com how to use use with node js https fontaweso
  • Zurb Foundation:半透明顶栏可能吗?

    有没有办法用 Zurb Foundation 制作一个半透明的顶栏 据我所知 我已经在我的 settings scss file topbar bg color topbar bg topbar dropdown bg topbar dro
  • 如何根据 Angular 中的全局 CSS 类名调整组件的 CSS?

    我们正在使用一个类html 判断用户是否在的元素dark or light应用程序的模式 这个类是使用添加的Renderer2在检测用户所选设置的服务中 到目前为止效果很好 现在 我们必须调整所有组件 以便在黑暗模式下也能看起来很好 但问题
  • 安装 Sass 时出错(Ruby 2.5.0.1、MSYS2 20161025.0.0)

    我尝试安装 Sass 我安装了Ruby and MSYS2在此之前 来自所有人的最新消息巧克力味 https chocolatey org choco install ruby choco install msys2 看来它们已正确安装 r
  • npm install -D sass-loader node-sass Vue.js 2021

    您好 问题是为 Vue js 设置 SASS 我跑 Node js 15 7 0 Vue js vue cli 4 5 11 这是我在运行此命令时在控制台中遇到的错误 npm install D sass loader 节点 sass np
  • 如何在 scss 中包含仅限 Safari 的样式? [复制]

    这个问题在这里已经有答案了 我只是想修改仅适用于 safari 浏览器的样式属性 这将覆盖默认属性 简单的例子 Default div color blue Safari 浏览器 div color red 我想这可以通过 scss 的 i
  • 有没有办法将变量从 javascript 导入到 sass 或反之亦然?

    我正在制作一个依赖于块概念的 CSS 网格系统 所以我有一个基本文件 例如 max columns 4 block width 220px block height 150px block margin 10px 它被 mixin 使用 m
  • 如何在 webpack 中渲染嵌套的 SASS?

    采取以下CSS MyComponent color blue Button color red 以及以下 React 组件 import React from react import classes from MyComponent sc

随机推荐

  • 如何使用 pywin32 和 WMI 设置进程优先级?

    from win32com client import GetObject for proc in GetObject WinMgmts impersonationLevel impersonate IncreaseBasePriority
  • 从 PHP 访问 apache errordocument 指令

    如果不满足某些条件 我想制作一个像真正的 404 页面一样的 php 脚本输出 如 Apache ErrorDocument 指令中设置 我不确定如何 是否可以从 PHP 访问该值 if SESSION value header SERVE
  • Xcode iPhone 中的搜索栏

    我需要在 Xcode Iphone 中使用 SearchBar 的帮助 我在表格视图中有一个联系人列表 我上面有一个搜索栏 我显示联系人列表 我需要实现搜索以从联系人列表中过滤联系人 任何帮助都会对我很有用 提前致谢 查看分步教程here
  • 使用 React 组件登录 Firebase

    基本思想是在 React 中创建 Firebase 登录 这些组件会自行渲染 但它们不能一起工作 主要问题是 在调用 onAuthStateChanged 方法后 渲染函数不会采用 new 状态 我究竟做错了什么 非常感谢你们 var Lo
  • 从多维 Numpy 数组行中选择随机窗口

    我有一个大数组 其中每一行都是一个时间序列 因此需要保持顺序 我想为每行选择一个给定大小的随机窗口 Example gt gt gt import numpy as np gt gt gt arr np array range 42 res
  • 无法在 DevOps 步骤中设置 powershell 输出变量

    我正在尝试使用 powershell 脚本中的输出变量 我使用经典 UI 在线使用 Devops 并在发布管道中尝试了 powershell 4 和 Powershell 5 任务 我正在使用一个自托管代理 它可以正常工作并执行许多其他构建
  • mysql - 优化连接表列上的 ORDER BY COALESCE

    编辑 按请求添加完整查询 本质上 我有一个帖子表 一对多地链接到转发表 类似于 Twitter 我想加载按重新发布时间 如果存在 或原始帖子时间排序的帖子 然而 使用单个查询的排序过程非常慢 可能是因为 COALESCE x y 没有充分利
  • 如何对每组进行平均和计数以及创建新表

    我有一个Dataset 我想计算每个分数组 1 10 中KPI CPM和CPC列以及计数次数列的平均值 如何根据结果创建新表 新表如下所示 score avg KPI avg CPC avg CPM count times 10 9 8 7
  • 有没有办法从数据窗口中隐藏特定的指标值?

    我最近创建了一个脚本 可以在 TradingView 的图表上绘制几个不同的指标 在特定场景下 部分指标不活跃 在数据窗口中显示 n a 我知道 TradingView 允许我们隐藏所有指标值 我想自定义哪些指标值可见 这可能吗 谢谢你的时
  • 不使用 runif() 的随机统一数

    通常为了生成均匀随机数序列 我在 R 中使用 runif 命令 runif 10 0 10 1 5 032995 8 712604 4 400579 3 874882 2 401324 2 465861 2 59525 8 570266 2
  • 如何在 python 中递归生成目录大小,例如 du 。做?

    可以说我的结构是这样的 am here one some dir two three has many leaves hello world 假设 one some dir 包含一个大文件 500mb 而 Three has many le
  • PostgreSQL“列不存在”但实际上存在

    我正在写一个Java应用程序自动构建和运行 SQL 查询 对于许多表 我的代码工作正常 但在某个表上 它会因抛出以下异常而卡住 Exception in thread main org postgresql util PSQLExcepti
  • 使用批处理脚本将行从 .csv 文件复制到另一个 .csv 文件中

    我正在从设备 输出 创建 csv 文件 并且需要将此文件中的特定行数复制到另一个具有相同格式的 csv 文件中 幸运的是 它们的格式相同 因此每个文件都有相同的行可供复制 第 68 行到 107 行 我已经使用其他来源的代码尝试过此操作 但
  • R数据帧按组排名(按排名分组),带有包 dplyr

    我有一个数据框 测试 如下所示 session id seller feedback score 1 1 282470 2 1 275258 3 1 275258 4 1 275258 5 1 37831 6 1 282470 7 1 26
  • 收到“外部表不是预期的格式。”尝试在 SSIS 中导入 Excel 文件时出错

    我正在尝试导入 Excel 文件 xls 通过 SSIS 传输到 SQL Server 中的表 但 SSIS 似乎无法将该文件识别为有效的 Excel 文件 我收到以下错误 Error 1 Excel 源 86 错误 SSIS错误代码 DT
  • 通用构建枚举的一些错误

    Solved对于第一个宏来说 编写这并不是最容易的 但我学到了很多东西 感谢 Gama11 为我指明了正确的方向 以及创造如此美丽事物的核心团队 Haxe And I even added some slick doc field stri
  • 比较方法抛出异常:比较方法违反了其一般契约[重复]

    这个问题在这里已经有答案了 可能的重复 为什么我的比较方法会抛出异常 比较方法违反了它的一般契约 我有这个代码 class TimeComparatorTipo0 implements Comparator Override public
  • 随机字母数字字符串 Linux Swift 3

    当尝试使用 Swift 3 在 Linux 中生成随机字符串时 我遇到了 2 个问题 arc4random uniform 仅在 BSD 上的 Linux 中不可用 所以我能够使用 random 函数 当我生成可变大小的随机数时 这有效 参
  • JavaScript scrollIntoView 平滑滚动和偏移

    我的网站有这个代码 function clickMe var element document getElementById about element scrollIntoView block start behavior smooth
  • 如何在括号文本编辑器中安装Sass

    重复的问题 是的 但与this 概述 我也是括号文本编辑器的新用户 我知道 Scss 和 Sass 之间的区别 但我使用括号文本编辑器的原因只是为了 Sass 而不是 Scss 我看到了一些教程贾森 桑何塞用于将 Sass 集成到括号文本编