Awesome

Curated list of Espresso Sugars to improve your workflow

Espresso is a very good code editor out of the box, but there's a lot more it can do once you install the proper Sugars.

For those of you who don't know it, Sugars are plugins or addons, for adding extra functionality to Espresso.

I promise after checking out some of these you will write better code a lot faster. And I mean a woeful lot faster.

The must-haves

• ShellActions: IMPORTANT: you need this to run other plugins in this list, please install it This provides internal capabilities to other sugars to run shell scripts. Unless you are a Sugar developer you don't need to worry about this, but you need it to run other Sugars in this list.
• Autopair: This will change your coding life. It will automatically close braces and quotes for you and you will be able to exit the braces/quotes with a simple tab. So, every time you type {, Espresso will automatically add the closing } for you and you will be able to exit the {} by simply hitting the tab key. Moreover, if you try to delete the opening brace or quote, it will automatically delete the closing one, too. And guess what's more? If you select some text and type one of the triggers (braces or quotes) it wraps everything up! It doesn't get any sweeter than that.
• Handy: Handy is a collection of text actions to simplify your editing workflow. It includes: select all copies of text/word, edit multiple selections at once, auto-indent closing braces, increment/decrement numbers, and a lot more.
• HTMLBundle: This is another huge time-saver. The HTMLBundle sugar will add a woeful lot of html snippets with tab navigation through default attributes. You will have a form up and running in no time. (Please, do follow the link given on GitHub for more info, don't know why Ian, the developer, hasn't put everything on GitHub like he usually does.)

Languages

• jQuery Sugar: Adds autocompletion for jQuery.
• WordPress Sugar: A magical sugar that adds autocompletion and even parameter hinting for WordPress specific functions. It looks like it pulls data from wpseek.com so I guess it should be always up-to-date with everything new in WordPress. This is a lot more up-to-date and useful than the one listed previously.
• Kit Sugar: Adds basic support (highlighting and html support) for CodeKit's .kit files in Espresso. Disclaimer: I am the developer behind this sugar. It is still pretty basic, but it works. Feel free to contribute.
• Sass Sugar: Adds basic support for the scss preprocessor syntax. This is very limited and not maintained. If you know of anything better, please do let me know. Alternative repo: I just found this other sugar for Sass (scss). I haven't tested it, but it is a lot more recent than the other one and this makes me hopeful.
• JS Console Sugar: this adds autocompletion for the JavaScript Console API methods.
• Sql: Syntax highlighting for .sql files. (Check out the haiku in the repo's readme!)
• Slim: Syntax highlighting for Slim files.
• Haml: Syntax highlighting for Haml files.

The useful utils

• GetInfo: Nice little add-on that lets you inspect the Info panel of the Finder right from Espresso, so that you can have more information on the file itself such as file size, creation date, etc.
• Dash: If you use Dash.app for checking code documentation (and you should, really), you will find this pretty useful to inspect syntax from right within Espresso with a simple shortcut.
• Validatorian: This adds local css validation by W3C to Espresso. I admit I have it installed, but I have never used it.
• Barista Beautifier: This sugar beautifies previously minified html, css or javascript. Very handy.
• Kaleidoscope diff: This provides a quick and easy way to diff files in Kaleidoscope right from within Espresso. You can diff two files or diff a file with the clipboard. Super handy when comparing local files with remote versions.
• LineDance: Offers quick commands to manipulate lines: delete lines, duplicate lines and duplicate upward.
• ConvertLineBreaks: Converts all line breaks in the file to either Unix, Windows or Mac-Classic style.

If you need balancer delimiter highlight, you might want to try Seesaw, but unfortunately I find it almost of no use since it needs to be triggered by the user and this is quite annoying. I know this is a limitation forced by the way Sugars actually works, but still its use is quite limited this way.

Why aren't these functionalities included by default?

And this brings me to my final point. Many of the Sugars listed above – notably the most useful ones – are developed by the great Ian Beck (@onecrayon here on GitHub), who is part of the MacRabbit team. I wonder why in the world they don't integrate those right inside Espresso.

I am sure that most developers are turned off by the lack of functionality such as multiple selection editing, autopairing, powerful html snippets and more. Especially given that this page is the most up-to-date gallery of Espresso Sugars and many don't even know that Espresso can perform such things. I am sure MacRabbit would conquer back a lot of popularity (and market share) if they integrated these into Espresso right of the box.

They will surely have their reasons for this and I hope it's not that they are holding back for a version 3.0 release, or it better come quite soon.

Contribute to the list!

This is by no means a comprehensive list of all available sugars. A quick search here on GitHub will find you many more. This is just the ones that I use most often and that I think greatly improve my experience with Espresso.

If you feel like I am missing something, issue a pull request or simply reach out to me on Gravida's website.

I am sure with these sugars installed you will find Espresso an even better tool for your trade. These bring Espresso right there with the top players in the market.

Enjoy!

PS I will soon be publishing an article about why I still prefer Espresso over other text editors and what are its most impressive features. I will update this page once it's out. If you are interested, stay tuned by select "Watching" from the drop-down menu above. Cheers!

PSS Spice up your coding visuals with my theme for Espresso. It's based on Railcasts, it's dark and sweet.