Skip to content

Instantly share code, notes, and snippets.

@ladydangerdame
Last active November 21, 2017 00:06
Show Gist options
  • Save ladydangerdame/1542790118fef7ed7cac83ef3f53f6da to your computer and use it in GitHub Desktop.
Save ladydangerdame/1542790118fef7ed7cac83ef3f53f6da 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:

Number one is missing because I will reveal it to your later in the cohort... it's super secret fun times.

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