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 Atom.io

2. JS Snippets

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

3. JS Hint

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

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 Atom.io

5. Cursor History

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

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 Atom.io

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 Atom.io

  • 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