Atom ⚛

I can’t even count anymore, how often I’ve tried working with another Editor than Sublime. Especially Atom has caught my attention quite a few times. But every time I tried to actually use it I ended up being frustrated and jump back to trusty old Sublime.

Today it was the first time when the advantages outweighed the issues (that is, Atom’s inferior performance). I had no crashes and it didn’t feel as sluggish as I remember it from my past experiments. Granted: It’s still behind Sublime performance-wise and I can’t imagine that to change while being built on Electron. But it’s the more powerful the machines get we’re working on the less it’s noticeable and frankly I don’t care as long as it feels right.

Here are the highlights I liked the most.

Beautiful UI

UI Theme: One Dark
Syntax Theme: Cobalt2
Font: Operator Mono, 13px, Line Height 1.6
Package: file-icons

Config Sync via Github

Keep packages and custom configuration automatically in sync across devices.

Package: config-sync

Nicer Settings & Visual Package Manager

I prefer this to fiddling around in config files. The Package Manager also manages installing dependencies.

SASS Linting

Very neat live SASS-Linting with a tabular overview of found issues and recommended resolutions. I find this to be much clearer than in Sublime.

Package: linter-sass-lint (requires linter , linter-ui-default, but these are installed automatically)

Keyboard navigable Tree

It is possible to navigate the folder tree using the keyboard.

Files and folder with uncommitted changes are highlighted.

Project wide Color Highlighting

Color highlighting also highlights color that are defined in another file than the currently viewed.

Package: pigments

Nice Git integration

Package: git-plus

TYPO3/Fluid/Typoscript support

Never got this working in Sublime, here everything looks great with two packages.

Packages: typo3, typo3-fluid-atom-snippets

Further Packages I like to use

  • atom-beautify
  • caniuse
  • color-picker
  • emmet
  • es6-javascript
  • file-icons
  • language-babel
  • markdown-preview-plus
  • svg-preview