Sublime Text editor and Sass/SCSS on OSX

I have only recently started using the wonders of a CSS pre-processor, and am now fully hooked on SCSS.

To use SCSS with the Sublime Text editor on OSX:

  • Using the Terminal, install SASS:
sudo gem install sass

  • Open Sublime, install Package Manager.
  • Open Package Manager with CMD-Shift-P
  • Run “install package” to browse for and install the following:
  1. sass-textmate-bundle plugin (syntax highlighter for Sass files)
  2. Sass Build plugin (for compiling to CSS)
  3. SublimeOnSaveBuild plugin (to compile on save)