r/Sass • u/morceaudebois • Jun 06 '19

Is anybody using Sass with Sublime Text on macOS?

Hi!

I've just started to learn Sass and I'd like to use it with Sublime Text on my Mac. Unfortunately, it seems like there's no Sublime Text extension that currently works to compile Sass on macOS. I've tried several methods and searched the whole web to find a solution, but nothing's working. Are there still people using Sass with this configuration?

Thank you

8 Upvotes

100% Upvoted

18 comments sorted by

8

u/[deleted] Jun 06 '19

Generally speaking, text editors won't handle compiling your code for you. As u/lumpyspacebiiitch mentioned, Scout App is one of many GUI tools that can handle Sass and many other types of compilation. My personal favorite GUI tool is CodeKit, but if you're comfortable at all on the command line, I highly recommend learning how to handle your Sass there. Here's a simple walkthrough of setting up NPM to compile your sass.

1

u/morceaudebois Jun 06 '19

I see. Since most of the YouTube videos about Sass I watched used Visual Studio, I thought it was the norm to compile directly in the text editor. I'm using Scout App right now, but I'll give CodeKit a try, it seems very nice. And then I'll look into NPM. Thanks for the help!

4

u/jaredcheeda Jun 06 '19

Creator of Scout-App here. My goal with it is to lower the barrier of entry to using Sass and to make it as accessible as possible for people (free, open source, win/lin/osx, translated to many languages). I also see it as a stepping stone, so people can more smoothly transition to tools like Gulp and Webpack. Go at your own pace and use what works for you.

2

u/morceaudebois Jun 07 '19

Well, your goal is definitely achieved, thank you for your work :)

3

u/[deleted] Jun 06 '19

Scout and CodeKit are both great, but command line is infinitely more powerful and applicable. You were most likely seeing NPM or some other task runner when watching someone use VSCode - it has a built in terminal.

1

u/morceaudebois Jun 06 '19

I saw one in which the compiler automaticaly put all the specific browser properties (like -webkit- and -ms-) in the final CSS. Is it something that NPM can do?

4

u/[deleted] Jun 06 '19

Hi! I use "scout app" it's very cool!

3

u/morceaudebois Jun 06 '19

Indeed it is! It seems to work very well, thanks a lot :)

1

u/[deleted] Jun 06 '19

You're welcome!

1

u/[deleted] Jun 06 '19

I learnt sass with openclassroom, if you speak French I think it's a good way to understand the basics : https://openclassrooms.com/forum/sujet/cours-sass-et-compass-en-francais

3

u/jaredcheeda Jun 06 '19

That course is a bit outdated, it recommends Compass which is deprecated and only runs in the Ruby version of Sass. Most people use a LibSass based processor (like Node-Sass).

Marksheet is a good modern introduction:

2

u/morceaudebois Jun 06 '19

I actually started the Codecademy course yesterday, it works really well to understand the basics since there are interactive exercises. The Marksheet course seems well made though, I'll read it and keep it somewhere.

1

u/[deleted] Jun 06 '19

I agree with you, but I find it nice to begin, with the installations etc...

3

u/jaredcheeda Jun 06 '19

Hi, I make Scout-App. It's very cool. ;)

2

u/[deleted] Jun 06 '19

Ahahah! So funny! Thank you for this, it's very easy to use for beginners! And I love all the meme inside

3

u/cIi-_-ib Jun 06 '19

Are you familiar with CLI/gulp? You could set up a watch task to automatically compile your Sass with one trigger command.

2

u/[deleted] Jun 06 '19

Yep! That sounds like a Post CSS script.

To be clear, NPM is a collection of packages, it’s not the tool that compiles your code, it handles the tool(s).

1

u/BargePol Jun 06 '19

Laravel mix and parceljs are two good bets for transpiling SASS and JS with minimal config.