3 Atom Packages to Get Started With

In a previous post, I mentioned that I made the switch from Sublime Text to Atom. Atom has some truly amazing features and one of them is the option to install packages. Packages allow you to extend the functionality of the Atom text editor. Below is a list of three packages that I am using right away.

Color Picker

With the Color Picker package installed, you can use Cmd + Shift + C on a Mac or Ctrl + Alt + C on a PC to open up a color picker within Atom. This tool alone is saving me time by not having to go to Photoshop to convert a Hex value to RGB. I need to use RGB over Hex values because Corona SDK requires RGB values for :setFillColor().

Example of the Color Picker package
Example of the Color Picker package

Minimap

I was a bit surprised that a minimap wasn’t built-in with Atom. With Sublime, the minimap was turned on by default (from what I can remember) and this was a tool I sorely missed. The minimap functionality allows you to get a high level overview of your code. Whether you have 100 lines or 5,000 lines of code, it can start to get a little daunting to navigate your code. Not only will the minimap package display the code, you can drag the highlighted area to a different section. It even keeps the same syntax highlighting to give you a better idea of where items are located.

The minimap is located on the left hand side of this screenshot.
The minimap is located on the left hand side of this screenshot.

Beautify

I haven’t had the chance to use Beautify much, but this is something I grabbed as soon as I learned about it. Beautify takes a messy version of your code and beautifies it by placing new line breaks and indents. This makes it easier to format your code and format someone else’s.

Screenshot from https://atom.io/packages/atom-beautify
Screenshot from https://atom.io/packages/atom-beautify
Daniel Williams

Leave a Reply

Your email address will not be published. Required fields are marked *