Atom Frontend Development

Atom Flight Manual

• Using and hacking Atom http://flight-manual.atom.io/
• Install Atom http://flight-manual.atom.io/getting-started/sections/installing-atom/
• Configuration and setting http://flight-manual.atom.io/using-atom/

Press cmd-shift-P to show the Command Palette

Don't forget that atom is a desktop application built with HTML; JavaScript, CSS and Node.js

API Reference

Atom global for dealing with packages, themes, menus, and the window.

Using the API http://flight-manual.atom.io/upgrading-to-1-0-apis/

Settings ctrl-comma

Edit core config settings, install and configure packages, and change themes all from within Atom.

Basic settings and configuration http://flight-manual.atom.io/using-atom/

• Style Tweaks using CSS and less
• Customizing Key Bindings
• Language Specific Configuration Settings

Basic Customization http://flight-manual.atom.io/using-atom/sections/basic-customization/

Atom Package Directory https://atom.io/packages

Howto install and configure packages

Atom has an integrated Package Manager http://flight-manual.atom.io/using-atom/sections/atom-packages/

• Search the Package Directory within Atom
• Install packages like browser add-ons
• Configure packages like browser add-ons

There is also an option to install packages with the command line apm install <package_name>

Write your own package http://flight-manual.atom.io/hacking-atom/sections/package-word-count/

Atom Themes are like Atom Packages. They can be searched and setup in the Theme Manager or within Open Your Stylesheet context.

Creating a Theme http://flight-manual.atom.io/hacking-atom/sections/creating-a-theme/