5 Must Have Packages for Atom Editor

Atom editor is one of the most awaited editor in developers zone. Atom is modular and that means if we want to add some extra feature to our editor we can write some lines of code and add them as module. This module’s are called ‘packages’. In this post i am going to list down 5 must have packages for Atom editor.

If you are running Atom in Windows environment (7 or 8) then make sure you have install these software’s before installing the packages listed below. If you haven’t install it yet and want to then go in this official blog of atom.

How to install Packages:

One of the easiest way to install is open up your Atom editor. Go to ‘Packages->Setting View -> Install Packages‘. Search for the package listed below and click on install.

package atom

1 : tree-view

If you have grab the latest version of Atom then this packages comes already but in case if you don’t then you must have this. This package is responsible for showing file view’s in tree manner on left side of editor, helps to know on which file are working.

2 : autcomplete

No introduction needed for this package. it shows the possible match to particular keyword. Install this plugin and to use the auto complete feature, just press CTRL + Space while typing and it will show you the match.

3 : autocomplete-plus

Typing CTRL+Space is still a pain and for those autocomplete-plus is the package. This will automatically show the suggestion based on what you are typing and what is your previous typed words. Helpful for fast coding.

Autocomplete plus auto suggestion
Image source : link

4 : Javascript Snippets

This package contains lots of useful JavaScript and Node code snippet such as console.log can be activated by typing cd and pressing TAB. You can get many useful code snippets and from settings it allows you to add your own too.

JavaScript snippets
Image source : link

5 : autocomplete html

If you use HTML often and hate to create the structure of web page again and again and this is the right package for you. By using this package, you can create lot’s of useful snippets of HTML by just typing the tag name and pressing TAB.

That’s it. These are top 5 must have package for atom. Let me know what you are using in comments.

16 thoughts on “5 Must Have Packages for Atom Editor”

  1. I started using atom recently and autocoplete html and autocomplete-plus is a must have.

    The editor is amazing.

    Another thing is this website wich i must say is brilliant. Job well done 😉

  2. Full disclosure: I work at Sourcegraph.

    Sourcegraph is a code search engine for open-source projects. One of our awesome contributors recently hacked together a plugin that allows you to use Sourcegraph inside Atom, link below.


    The plugin gives you the same functionality you’d find on Sourcegraph, like usage examples, jump-to-definition, and documentation, like an intelligent IDE inside your editor. Right now it just supports node.js but we’re working to include more languages.

    Let us know if you’ve used it and have any feedback!

  3. Best editor for web development.
    You might forgot including emmet plugin to your list.
    Awesome package for web dev!

  4. I believe emmet is one of the most useful packages for any web developer, and I was actually expecting it to be on this list.

  5. Does anyone know of a decent JavaScript refactor plugin for Atom that actually works. I tried refactor/js-refactor, that doesnt work at all. I have also tried refactorjs, and that does not refactor across different files (if you refactor rename a symbol in one file, any reference to it in a different file, is not updated; it only updates references in the same file).


Comments are closed.