Atom¶

Resources¶

Shortcuts¶

Action	Keys
Open command palette	`Ctrl-Shift-P`
Open settings	`Ctrl-,`
Toggle tree view visibility	`Ctrl-\`
Toggle focus on tree view	`Alt-\`
Reveal active file in tree view	`Ctrl-Shift-\`
Close current tab	`Ctrl-W Esc`
Open fuzzy finder	`Ctrl-P`
Toggle keybinding resolver panel	`Ctrl-.`
Toggle Developer Tools	`Ctrl-Shift-I`
Open grammar selector	`Ctrl-Shift-L`
Select larger syntax node	`Alt-Up`
Select smaller syntax node	`Alt-Down`

Command Palette¶

Documentation

Actions
- log-cursor-scope

Command Line¶

Export installed packages & themes to ~/dotfiles/home/.atom_installed:

$ apm list --installed --bare > ~/dotfiles/src/.atom/packages.list

Install packages & themes from ~/.atom_installed:

$ apm install --packages-file ~/dotfiles/src/.atom/packages.list

Packages¶

Package directory (official) and atom-packages.directory (community)

https://atom.io/packages/git-plus
- Provides [branch-name] decoration in tree view
https://atom.io/packages/toggler
https://atom.io/packages/vim-mode-plus
- AdvancedTopicTutorial
- Use persistent selection

Themes¶

Theme directory (official) and Atom Theme Gallery (community)

User Interface
- one-light-ui (original)
Syntax
- github-syntax

Customization¶

Stack open file tabs vertically (source):

style.less¶

@tab-border: rgba(24, 26, 31, 0.2);

atom-workspace-axis.vertical atom-pane {
  flex-direction: row;

  .tab-bar {

    &:not(:empty) {
      box-shadow: inset -1px 0 0 @tab-border;
      resize: horizontal;
      height: auto;
      display: block;
      padding-right: 1px;
      padding-bottom: 3em;
      min-width: 14em;

      &::after {
        content: '';
        position: absolute;
        bottom: 1px;
        right: 1px;
        width: 0;
        height: 0;
        border: 0.7em solid transparent;
        border-color: transparent @ui-site-color-2 @ui-site-color-2 transparent;
        box-shadow: 1px 1px 0 0 @tab-border;
      }
    }

    .tab {
      display: block;
      border: none;
    }

    .tab,
    .tab.active {
      flex: none;
      width: auto;
      max-width: none;
      box-shadow: inset 0 -1px 0 0 @tab-border;
    }

    .tab .title {
      text-align: left;
    }
  }