css - 如何观看sass文件

标签 css ruby-on-rails sass

我刚刚决定开始学习 sass,但仍然难以在我的电脑上运行 sass。我已经下载并安装了它,如图所示:

enter image description here

enter image description here

我拥有该元素的文件夹位于 xampp 文件夹中的 htdocs 文件夹内。 我在命令行输入 C:\Users\Thulani>sass --watch C:\xampp\htdocs\ruby\lib\sass\style.scss:style.css 但它只说 sass is watching for changes.

enter image description here

我如何实际更改我的 style.scss 并查看这些更改?

这是我的 html:

<html>
<head>
   <title> Import example of sass</title>
   <link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
   <h1>Simple Example</h1>
   <h3>Welcome to TutorialsPoint</h3>
</body>
</html>

请帮忙

最佳答案

在您要观看的文件夹中使用此命令。

sass -w src/assets

如果你不想要 map 文件使用这个

sass -w src/assets --sourcemap=none

关于css - 如何观看sass文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39973035/

相关文章:

jquery - 陪伴: CSS3 Animations Only Working on Load

ruby-on-rails - 拯救 PG::UndefinedTable 而不是 ActiveRecord::StatementInvalid

css - gulp-sass includePaths 未能包含供应商 scss(也可能是订购问题)

css - 尝试编译 sass 时出现无效 css 错误

css - 以 100% 高度显示滚动条的末尾

html - 将较大的 svg 内的 rect 水平对齐到右侧

ruby-on-rails - 通过发送更新 ActiveRecord

ruby-on-rails - 使用 @media in rails 项目打印的样式表

css - SASS:宽度:100% - 20px - 这可能吗?

html - 如何确保按钮保持在单独的行上?