Skip to content

Instantly share code, notes, and snippets.

@jeanmw
Forked from ladydangerdame/AtomPlugins.md
Created May 10, 2017 22:19
Show Gist options
  • Save jeanmw/f1f1e3cec54c78b6417a8becc7ac0d0e to your computer and use it in GitHub Desktop.
Save jeanmw/f1f1e3cec54c78b6417a8becc7ac0d0e to your computer and use it in GitHub Desktop.
Make your life as a Web Developer easier with these Atom plugins!

Open up your settings in Atom, select 'install' from the menu on the left and search for these helpful plugins:

1. Atom-beautify

    Probably the best of all... Clean up and indent HTML, CSS, JavaScript, PHP, Python, Ruby and more...!
    Right click to use!

2. Open-in-browser

    Pretty obvious by the name, allows you to open files in your browser from Atom by right clicking!

3. Color-picker

    Much like the equally helpful Chrome extension, this makes choosing colors for your CSS file much easier.
    Right click or press CMD-SHIFT-C/CTRL-ALT-C to open it.

4. Autoclose-HTML

    Automates closing of HTML tags, saves tons of time.

5. Minimap

    A preview map of your code, much like sublime. Pretty cool. 

6. File-icons

    This one is more fun than useful, different file extensions are assigned icons and colors!

Bonus: Activate Power Mode

    Lastly... this one is just for fun. Code like a gamer!

mode mode1

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment