在Windows建立SASS(SCSS) + Compass環境(& Sublime Text 2)

Posted on by febr

1. Sublime Text必備的packages:

  • SASS
  • SASS snippets
  • Compass

安裝方式: Ctrl + Shift + p -> input “package control” -> Package Control: Install Package

2.安裝Ruby:
SASS由Ruby撰寫，因此Windows必須先安裝Ruby，下載安裝檔：Ruby Installer

3.安裝SASS:
Run -> cmd

[bash]gem install sass[/bash]

4.安裝Compass:

[bash]gem install compass[/bash]

於想要建立的目錄下建立專案:

[bash]compass create projectXXX[/bash]

.scss存檔後，必須compiler，compass中有個watch功能，可監控.scss，

.scss檔案有變動，會自動compile轉為css file(於stylesheets folder)

[bash]compass watch[/bash]