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:
