An introduction to Atom (comparing Atom and Sublime / two modern Text Editor for frontend development).
A hackable text editor for the 21st Century
Atom is a modern text editor ready to use productively.
Atom is a desktop application built with HTML, JavaScript, CSS, and Node.js integration.
It runs on Electron, a framework for building cross platform apps using web technologies.
Atom is based on Chromium, Squirrel, Node.js, JavaScript / CoffeeScript, Json and CSS / less.
Atom is a specialized variant of Chromium designed to be a text editor rather than a web browser.
For example, the layout of our workspace and panes is based on flexbox.
Every Atom window is essentially a locally-rendered web page.
All the APIs available to a typical Node.js application are also available to the code running in each window’s JavaScript context.
There are over 1000 open source packages and themes. Because of Open Source there is a very large community.
Install Atom on OS X, Windows and Linux
Atom is Open Source and published under Github MIT Licence.
It is a long-term investment, and GitHub will continue to support its development with a dedicated team going forward.
Emacs and Vim already have demonstrated over the past three decades, that if you want to build a thriving, long-lasting community around a text editor, it has to be open source.
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
Atom global for dealing with packages, themes, menus, and the window.
Using the API http://flight-manual.atom.io/upgrading-to-1-0-apis/
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/
Basic Customization http://flight-manual.atom.io/using-atom/sections/basic-customization/
Atom Package Directory https://atom.io/packages
Atom has an integrated Package Manager http://flight-manual.atom.io/using-atom/sections/atom-packages/
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/
| Sublime | Atom | |
|---|---|---|
| Platform | OS X, Windows and Linux | OS X, Windows and Linux |
| Architecture | C++, Phyton Plugins | Chromium, Node.js, HTML, CSS, JavaScript (CoffeeScript) Plugins |
| Package Manager | 3rd part Packagecontrole | core |
| Autocompletion | Emmet Plugin | core, Emmet is also available |
| Version Controle | git, svn and mercurial plugins | core git and svn, mercurial plugins |
| File combine | sublimerge plugin | core |
| Panes | core colums | core multiple |
| Configuration | JSON | UI + HTML, JavaScript (CoffeeScript) and CSS |
| Documentation | minimal core documentation and larger 3rd part unoffical documentation | full documentation |
| Licence | License Key $70 per user (free unlimited trail with purchase message from time to time) | MIT |
| Community | forum, userecho and technical support | open source, github, discuss and slack |
| Philosophy | closed source | open source |
| Releases | slow | weekly |
| UI | traditional | similar to Sublime, same Key Bindings as Sublime |
| Performance | fast and stable | sometimes slow, a lot of RAM |