I’ll make no secret of it: I love Sass. In this article I’m going to share my recommendations for working with Sass on a daily basis and on real projects. Quick Tips for Configuring Sublime Text Hayaku (Plugin) Here’s an awesome plugin which will save you a lot of time. Open Package Control in Sublime Text, search for Hayaku and do a quick install. Now you can write your CSS faster and with shortcuts. Here are some examples: // Write this and press tab mt10 // Result margin-top: 10px; // Or this df // Result display: flex; Ignore Files and Folders (for Better Search Results) Particularly for your Sass workflow there is one folder which we should ignore when searching in Sublime Text. The folder in question is .sass-cache , because this is only necessary for the compile process. Additionally, you must never edit anything in this folder, so make your life easier and hide it! Press CMD-, to get the userconfig of your editor and insert the following lines: "folder_exclude_patterns": [ ".sass-cache" ] Setup a Basic Folder Structure Having a solid project structure is super important, especially if you work in a team.
↧