如何使用sass scss创建/转换css文件

时间:2014-01-09 09:24:44

标签: css3 sass

我正在尝试用sass创建一个文件并将其链接到记事本++我试过看视频如何安装它并使用sass但是它们都在mac上。

2 个答案:

答案 0 :(得分:17)

如果您是Windows粉丝下载Ruby Installer并在本地安装。

转到Start > All Programs > Ruby > Start Command Prompt with 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

答案 1 :(得分:2)

你也可以使用“Npp Exec”扩展名(F6),方式更简单:

使用此execute命令编译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