我如何使用sass scss創建/轉換一個css文件

Question

我想在sass中創建一個文件並將它連接到記事本++我已經試着查看視頻如何安裝它並使用sass但他們都在Mac 。

Answer 1

如果你是一個Windows粉絲下載Ruby Installer並在本地安裝。

轉到Start > All Programs > Ruby > Start Command Prompt with Ruby

然後使用gem install sass命令安裝SASS。

您現在應該已經安裝了sass，但是您可以使用sass -v命令進行檢查。

現在，使用命令提示符將目錄更改爲您的青菜目錄，並使用下面的命令

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

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

要在命令行中運行無禮，只是用

sass input.scss output.css 

你也可以告訴薩斯觀看該文件並在每次Sass文件更改時更新CSS：

sass --watch input.scss:output.css 

如果你有許多的Sass文件的目錄，你也可以告訴薩斯觀看整個目錄：

sass --watch app/sass:public/stylesheets 

Answer 2

，你也可以用「淨第一性生產力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