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.
Table of Contents
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.
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.
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.
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.
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 😉
For easy remote pair-programming: https://atom.io/packages/atom-pair. Full disclosure: we built it ourselves for the fun of it, and now use it regularly. It’s completely free and open source though so feel fee to use, share and send feedback.
Amazing Alex. Great job.
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.
https://atom.io/packages/sourcegraph
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!
Hey charles, this is really awesome ! I am gonna give it a try and will provide you feedback ASAP !
Best editor for web development.
You might forgot including emmet plugin to your list.
Awesome package for web dev!
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.
May I shamelessly suggest one that I wrote? Yes? Perfect! 😀 Here it is: https://atom.io/packages/selector-to-tag . It will allow you to write HTML tags using CSS selectors
This is cool !
This is basicly what Emmet does.
https://atom.io/packages/emmet
It seems not to work in PHP files, it works in HTML files only.
Nice, some of those are already included when I install atom
Awesome article. I use RebelChat as a single channel with https://atom.io/packages/rebelchat
It’s chat inside the Atom and you can use Slack, Skype and HipChat accounts.
Awesome!
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).
Cheers.
Recently started using Atom. Great list for a starter like me. Thank you!