Top 10 ATOM Recommended Packages in 2018
Tags: atom, package, opensource
Published: 2018-09-27 10:07:51

---
title: Top 10 ATOM Recommended Packages in 2018
published: true
description: 
tags: atom, package, opensource
---

![atom-image](https://thepracticaldev.s3.amazonaws.com/i/dgsqj1jqzdzyxag8i7oy.png)

Here are a top 10 ATOM recommended packages.

This post is curated by IssueHunt that a issue-based bounty platform for open-source projects.

OSS developers can get income through contribute and maintenance of open source.

https://issuehunt.io

---

## 1. [Emmet](https://emmet.io/download/)
![img](https://boostlog-public.s3.us-west-1.amazonaws.com/articles/5b31ef9244deba00540475a1/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202018-06-26%2016.25.18-1529997927721.png)  

Make your HTML and CSS code easier than ever with Emmet package which allows you to use abbreviations in your designing code. It helps you to write complex structures into short text strings.


## 2. [Linter](https://atom.io/packages/linter)
![img](https://raw.github.com/dotcypress/coffee-lint/master/screenshot.png)  

Here is a complete list of linter on atomlinter.github.io. There are different linters for every language. You need to install a specific linter for your language. Basically, it is a tool that is used to analyze source code.  

## 3. [Atom Beautify](https://atom.io/packages/atom-beautify)
![img](https://i.github-camo.com/8f053415f4dfba4849d9bbe8327425d54511d94b/68747470733a2f2f636c6f75642e67697468756275736572636f6e74656e742e636f6d2f6173736574732f313838353333332f31363534323732382f64636163333730302d343038612d313165362d386533352d3963386663343433326564632e706e67)

Atom Beautify package is here to make your code more clear and readable. You can beautify your selected portion of the text or a whole file with this package. There is no doubt that a clean, readable code base makes development easier and that’s exactly what this package does. This package is used in various development languages such as:HTML, CSS, JavaScript, PHP, Python, Ruby, C#, Java, C, C++,  Objective-C, CoffeeScript etc.


## 4. [Teletype](https://atom.io/packages/teletype)
![img](https://www.publickey1.jp/2017/teletype4atom01.gif)  

Let's share your workspace with team members and collaborate your work in real time with Teletype. It helps you to increase your knowledge by share your code with another programmer. It is the best way to know the techniques of your senior that how they tackle the different situations. 


## 5. [Git-Plus](https://atom.io/packages/git-plus)
![img](https://i.github-camo.com/78e2bafa5f9b3afdf47d7e02e3f949fea4801fc0/68747470733a2f2f7261772e67697468756275736572636f6e74656e742e636f6d2f616b6f6e77692f6769742d706c75732f6d61737465722f636f6d6d69742e676966)  
Now take various Git actions with the help of shortcodes without switching to the terminal. Simply type cmd + shift + h or ctrl + shift + h. Now you can run every single Git command without using Terminal by using Git Plus package.


## 6. [Highlight Selected](https://atom.io/packages/highlight-selected)  
![img](https://i.github-camo.com/fb3c3e8f4170fc20047810e53cdfa1041f302a28/687474703a2f2f692e696d6775722e636f6d2f4335466e7a7a512e676966)  

Now it is easy to keep the track of all occurrences of a word within the current file by selecting it by using highlight selected Git package. elect a word by double-clicking it and see where else it is used.

## 7. [File-Icons](https://atom.io/packages/file-icons)
![img](https://boostlog-public.s3.us-west-1.amazonaws.com/articles/5b31ef9244deba00540475a1/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202018-06-26%2016.23.44-1529997846880.png)  
 
This package helps you to organize your files in a more systematic way by giving you the extension of adding colorful file-icons. It will help you to find files in the tree and keep the overview. You can also resize the icons according to your own requirement.


## 8. [Pigments](https://atom.io/packages/pigments)
![img](https://i.github-camo.com/802d8b759d01e70861f95f99495731f19b145b03/687474703a2f2f61626533332e6769746875622e696f2f61746f6d2d7069676d656e74732f7069676d656e74732e6769663f7261773d74727565)

Now dealing with color codes in CSS file is not difficult anymore with pigment package. It scans your CSS file and detects all color codes. 

## 9. [Open Recent Files/Folders](https://atom.io/packages/open-recent)
![img](http://i.imgur.com/d9y4iAi.png)  
Open recent closed files or folders with this package make easy to start work fast without any delay.

## 10. [Auto-close HTML](https://atom.io/packages/autoclose-html)  
![img](https://hswolff.com/images/posts/2015/02/atom/autoclose-html.gif)  

Auto-close HTML tag helps you to close open HTML tags in case you forgot to close.  
it doubles your markup creation velocity! The package allows you to define which tags should complete inline like `<p></p>`. 

---

# Boost Note for Teams

We’ve revealed a new collaboration wiki service called [BoostHub](https://boosthub.io/).

It will be a collaboration version of Boost Note but much more powerful. The feature, called “Custom Blocks”, will let you make custom react components, integrated with various 3rd party app apis like Github and Trello, and embed them into markdown contents like MDX.

To know more, please check this slide.

[![how-to-use-boosthub](https://user-images.githubusercontent.com/8602615/87409889-90365180-c600-11ea-91d0-b5a0e943fab2.png)](https://docs.google.com/presentation/d/e/2PACX-1vTXPf0PLDQs8e6sLpyyQ43r59RIc-X_ez7YzgW4nKH-klWfhcAaJQkhOwS8W0WbgpiqspV3Gvbx_78S/pub?start=false&loop=false&delayms=3000)