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.
While I don’t really care about the
.sass-cachefile, I often find myself needing to delve into my project’s dependencies innode_modules. For that reason, I add it tobinary_file_patterns, instead offolder_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.
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!