Recommended GitHub Atom Packages for Web Developers
17 Mar 2014 Iâve been using GitHubâs Atom editor for the past couple of weeks and Iâve really enjoyed it. At first there werenât very many extensions/packages available, but the community has been quick to fill in that gap.
You can browse the packages online or from Atomâs Preferences⌠(â,)
Official Packages
GitHub has included serveral packages in the base install of Atom and in addition theyâve created other helpful packages as well. Some of the more helpful packages Iâve found areâŚ
- Markdown Preview - âShow the rendered HTML markdown to the right of the current editor using ctrl-shift-mâ
-
Vim Mode - âProvides vim modal control for Atom, ideally blending the best of vim and Atom.â
-
Editor Stats - âView a graph of your mouse and keyboard activity for the last 6 hours.â
- Emmet - âEmmet is a plugin for many popular text editors which greatly improves HTML & CSS workflowâ
Community Packages
In addition, the community has really stepped up and have written a lot of packages in a very short amount of time.
-
CSSComb - âSort properties of one or more CSS/SCSS/Less rules using CSScomb.â by @wbruce
-
CSSLint - âCSSLint error reports for your Atom editor.â by @tcarlsen
- Highlight Line - âHighlights the current line in the editor; really simple.â by @richrace
- Autocomplete + - âView and insert possible completions in the editor while typingâ by @rattazong
- Color Picker - âA color picker for Atom. Either right click a color and select Color picker, or place the cursor on a color and hit CMD-SHIFT-C. Currently reads HEXA, RGBA, RGB and HEX.â by @ThomasLindstr_m
- Autoprefixer - âPrefix CSS with Autoprefixerâ by @sindresorhus
-
JSHint - âValidate JavaScript with JSHintâ by @sindresorhus
-
Uglify - âMinify JavaScript with Uglifyâ by @sindresorhus
-
EditorConfig - âEditorConfig helps developers maintain consistent coding styles between different editorsâ by @sindresorhus