Remove .sass-cache and node_modules from Sublime Text

I’ve recently been playing with Foundation, Sass, and Grunt. And while each of these are powerful tools in their own right, they are quick to clutter up a project.

Grunt creates a node_modules directory while Sass creates a .sass-cache directory.

But don’t worry, because lucky users of Sublime Text have a simple fix.

Add .sass-cache and node_modules to Folder Excludes List

To exclude a directory from showing up in Sublime’s search and in the sidebar, all you need to do is add it to the folder_exclude_patterns key in your user preferences.

To do this:

Click Sublime Text → Preferences → Settings – User
Add the snippet below

{
"folder_exclude_patterns": [".svn", ".git", ".hg", "CVS", ".sass-cache", "node_modules"],
}

This line of code should ignore the .sass-cache and node_modules directories as well as common source control directories.

3 responses to “Remove .sass-cache and node_modules from Sublime Text”

Exclude .sass-cache files from Sublime search

August 22, 2014 at 10:02 am

[…] Thanks to Eric Binnion. […]

Reply
Jonah

June 3, 2015 at 3:32 pm

While I don’t really care about the .sass-cache file, I often find myself needing to delve into my project’s dependencies in node_modules. For that reason, I add it to binary_file_patterns, instead of folder_exclude_patterns.

"binary_file_patterns": [ "node_modules/*" ],

This allows the folder to still appear in the sidebar, but Sublime isn’t bogged down trying to index its contents.

Reply
Dafin

March 23, 2016 at 1:03 pm

Although tidying up the file list view, I recommend against hiding the sass cache folder. I don’t use grunt etc, so I like to see caches being generated when I make changes to the stylesheets. Otherwise a helpful tip!

Reply