Cool Atom Packages (plugins) For Front End Developers

Alt Atom Editor

Atom Editor

Atom is a text editor that’s modern, approachable, yet hackable to the core a tool you can customize to do anything but also use productively without ever touching a config file.

1. Emmet

Emmet the essential toolkit for web-developers.
Link: Emmet package on

2. JS Snippets

JavaScript & NodeJS Snippets for Atom.
Link: JavaScript Snippets package on

3. JS Hint

Validates your JS against JSHint as you type. The original and most used.
Link: JS Hint Package on

4. Fancy New File

Fancy New File is a plugin for Github's Atom text editor that gives you a handy dialog (accessible via) to open or create new files and directory trees by typing a relative path, with bash-like autocomplete support.
Link: Fancy New File package on

5. Cursor History

Jump to next and previous cursor position by keeping track of cursor position.
Link: Cursor History package on

6. Relative Line Number

Replaces the regular line numbers with relative numbers. Also has an option to show the true number on the current line.
Link: Relative Line Number package on

Are you From Vim, try this below:

7. Vim Mode

Provides vim modal control for Atom, ideally blending the best of vim and Atom.
Link: Vim Mode package on

  • Note:

A. Never forget your awesome Esc key remap with jj | jk
Link: Esc key remap for Atom

B. Are you like :w for save
Link: :w save key remap for Atom