如何在Sublime Text 3中自動將Sass編譯爲CSS？

Question

例如，有更少的包裝LessToCss。至於Sass（或SCSS），我不知道該怎麼辦。紅寶石和崇高包裝Sass已安裝。

Answer 1

你必須在路徑字符串中的環境變量到底要改變PATH變量：桌面 - 屬性 - 環境變量。它爲勝利vista/7用戶。詳細爲2000/XP這裏Sass compiler not working in sublime text 3

Answer 2

一種方法是下載一個SASS從這裏建立的編譯器：SASS Compiler 這是自動的崇高包，簡單地建立你的文件在地方。 然而，自從他們發佈新版本以來，似乎在這個軟件包上有多個設置 - 您可以試着弄清楚這一點，看看它現在能做些什麼。

第二種方法是在Sublime中編寫自己的Build命令。您可以通過要做到這一點「工具>構建系統>新構建系統......」

{ 

    "cmd": ["sass", "--update", "$file:${project_path}/Project/Web/css/${file_base_name}.css", "--stop-on-error", "--style", "compressed", "--no-cache", "--sourcemap=none"], 
    "selector": "source.sass, source.scss", 
    "line_regex": "Line ([0-9]+):", 

    "osx": 
    { 
     "path": "/usr/local/bin:$PATH" 
    }, 

    "windows": 
    { 
     "shell": "true" 
    } 

} 

說明：我使用的文件夾結構如下所示：項目/網絡/ CSS - 如果你有崇高的項目文件與Project FOLDER的級別相同，那麼這會自動在您的Web/CSS文件夾中建立您的Sass文件（任意放置在項目文件中）。當然，你可以改變這個，因爲你看到適合。