Treehouse: Grow your CSS skills. Land your dream job.

SCSS + Sublime Text

  • # May 30, 2013 at 2:55 am


    OK. I’m starting to use SASS. I’m also using Sublime Text2 on Windows. I would like to ask how you guys set up your Sublime Text for coding SASS. I mean what packages, plugins or snippets you’ve installed.

    This is what I have ATM.
    Sublime Text 2 packages installed.
    HTML snippets by joshnh

    I also don’t have a scss file extension. (this)= no text highlighting

    Thank you.

    # May 30, 2013 at 4:11 am

    “Sass” package for syntax highlighting.

    # May 30, 2013 at 4:30 am

    @HugoGiraudel Thanks. But how do I get a SCSS file extension (bottom-righ of sublime text)? I only have SASS and the defaults. All other tutorials and even @chriscoyier is using SCSS.

    I hope you get what I mean.


    # May 30, 2013 at 4:31 am

    Even on my SCSS files, ST2 says it’s Sass. :)

    # May 30, 2013 at 7:33 am

    OK…AFAIK, although ST2 can handle SASS/SCSS (because at the end of it all it’s just a text-editor) it won’t automagically parse and create a CSS file from your SCSS file. You have to use an app.

    I’ve started using Prepros ( and it’s the bees knees.

    Create a blank file and name it with a `.scss` extension. When Prepros goes to work it automatically creates a CSS file for you.

    # May 30, 2013 at 8:23 am

    You can also use [Mixture]( “Mixture”) for Windows, it’s currently in free beta, but they will announce on pricing as soon as it leaves beta stage. Main functionality is the same – it acts as a CodeKit “equivalent”, uses/pairs with local server, compiles SASS/LESS/Stylus/Haml/Compass and includes livereload.

    The difference from Prepros is the following:
    – .liquid templating
    – known frameworks/boilerplates, tailored to work with .liquid, e.g. Foundation, Bootstrap, inuit.css, Sassaparilla
    – it compiles two versions of your .scss – minified and expanded (you don’t exactly need Mixture to do that, there are plugins for ST2 as well).

    I used it for a long time before Prepros – switched to Prepros though, because I don’t need the whole templating thingy, although maybe you’d find it interesting.

    # May 31, 2013 at 3:05 am

    Does Prepos tells where your error is? I tried it and I had an error saying it can’t compile. It doesn’t tell where the error is. After scanning the code, it was just a typo error on my variable.

    # May 31, 2013 at 4:07 am

    @chester, Click on the notification or click Open Log Window icon on top right corner of app window to get more info about the error.

    # May 31, 2013 at 5:06 pm

    cool! thanks @Subash

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.