5 Great Atom Packages

Atom is one of the best code editors used by thousands of developers. There are many reasons why Atom is one of the most popular editors but some of the main ones are that it is free and open-source, very approachable, and customizable.

Because of its popularity, Atom users/community create packages that can speed up your workflow and write code more efficiently.

Before I list some of the useful Atom packages, let's review how to install them using Mac:

1. Open Atom;
2. On top left corner of your screen click Atom;
3. In the drop-down menu navigate into Preferences (which opens settings page);
4. In the Settings page choose install from the menu;
5. In the search bar type the name of the package you are looking for;

Below I will list 5 useful and somewhat essential general-purpose Atom packages.

1. Emmet

Emmet is one of the greatest packages because it is compatible with many languages across the board. It allows you to abbreviate some HTML and CSS code and write long text/code into shortcut strings.

2. Highlight Selected

Highlight Selected is another very popular package which allows you to select and see where else the word is used in the file. This allows you to find, select, and modify the same instances in the file.

3. Atom Beautify

As you can view on the photo above, Atom Beautify allows you to format code to make it more readable and meet the coding standards and best practices. Beautify supports HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C, C++, C#, Objective-C, CoffeeScript, TypeScript, Coldfusion, SQL, and more in Atom.

4. Linter

Linter helps to visualize errors. Different languages use different Linters, which can be found here: Link.

5. Pigment

Finally, Pigment is another amazing and simple package that lets you see RGB and hex colors inside the editor as shown in the photo. It is very useful for your CSS/Sass files.

Resources:

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Luka

Luka

Software Engineer with a focus on building interactive and impactful applications. JS, React, Ruby on Rails.