如何使用Sass/Scss创建/转换CSS文件

Question

我正在尝试在sass中创建一个文件，并将其链接到notepad ++。我已经尝试过查看有关安装和使用sass的视频，但它们都是针对mac的。

- user2970828

---

http://sass-lang.com/install - sroes

Answer 1

如果你是Windows用户，请下载Ruby Installer并在本地安装。

进入开始 > 所有程序 > Ruby > 以Ruby方式启动命令提示符。

然后使用gem install sass命令安装SASS。

现在你已经成功安装了SASS，但也可以使用sass -v命令来进行检查。

接下来，在命令提示符中将目录更改为你的SASS目录，并使用以下命令。

# Convert Sass to SCSS
sass-convert style.sass style.scss

# Convert SCSS to Sass
sass-convert style.scss style.sass

要从命令行运行Sass，只需使用以下命令：

sass input.scss output.css

您还可以告诉Sass监视文件，并在每次Sass文件更改时更新CSS：

sass --watch input.scss:output.css

如果你有一个包含许多Sass文件的目录，你也可以告诉Sass监视整个目录：

sass --watch app/sass:public/stylesheets

- msapkal

Answer 2

你还可以使用“Npp Exec”扩展程序（F6）来更轻松地完成以下操作：

使用这些执行命令编译xxx.scss，生成并打开新的xxx.css文件。

npp_save 
cmd /c "sass --update $(CURRENT_DIRECTORY)\$(NAME_PART).scss:$(CURRENT_DIRECTORY)\$(NAME_PART).css" 
$(NPP_DIRECTORY)\notepad++.exe $(CURRENT_DIRECTORY)\$(NAME_PART).css 
npp_console 0

- Almog