How to get Sass support in Sublime Text

Screenshot of a code editor with CSS.

I was working with a few .scss files in Sublime Text 2 today and noticed that it didn’t support Sass syntax out of the box. There’s actually a really awesome Sublime package for installing other packages called Package Control. Here’s how you can get that up and running.

Install Package Control

  1. Make sure Sublime Text is closed.
  2. Download Package Control and save it in ~/Library/Application Support/Sublime Text 2/Installed Packages.
  3. Next time you launch Sublime Text, that package is going to be there.

Install the Sass/Scss Packages

  1. Open Sublime Text.
  2. Go to Preferences > Package Control.
  3. Type in “Install Packages” and hit ENTER.
  4. Search for “scss” and hit ENTER to install the first package.
  5. After that’s done, you can also get the “sass” package if you need it.
  6. Restart Sublime and you’re set.

If you have any questions, let me know in the comments.

Featured image by Maik Jonietz.