Voir la source de Atom

[[Category:Logiciels]]
= Liens =
* [https://atom.io/ atom]
* [https://www.sitepoint.com/10-essential-atom-add-ons/ 10 Essential Atom Add-ons]

= Theme =
Installation: Edit → Preferences → Install

= Package =
Installation: Edit → Preferences → Install
* [https://atom.io/packages/minimap minimap] + minimap-cursorline
* [https://atom.io/packages/autoclose-html autoclose-html]
* auto-indent (Packages → Auto-Indent → Apply  Ctrl+Shift+I)
* [https://atom.io/packages/pigments pigments] → surligne et colore les codes couleurs

== Toolbar ==
* [https://atom.io/packages/tool-bar tool-bar]
* [https://atom.io/packages/flex-tool-bar flex-tool-bar]
Exemples de configuration:
* [https://github.com/cakecatz/flex-toolbar/wiki/tool-bar-main config tool-bar-main]
* [https://github.com/cakecatz/flex-toolbar/wiki/tool-bar-almighty config tool-bar-almighty]
* [http://ionicons.com/ Icônes ion]
* [http://fontawesome.io/icons/ Icones Font Awesome]
<filebox fn='.atom/toolbar.cson' lang='cson' collapsed>
[
  {
    type: 'button'
    callback: 'application:new-file'
    tooltip: 'New File'
    iconset: 'fa'
    icon: 'file-o'
  }
  {
    type: 'button'
    callback: 'application:open-file'
    tooltip: 'Open...'
    iconset: 'fa'
    icon: 'folder-open-o'
  }
  {
    type: 'button'
    tooltip: 'Open Folder'
    callback: 'application:open-folder'
    iconset: 'fa'
    icon: 'folder-open'
  }
  {
    type: 'button'
    tooltip: 'Open Project'
    callback: 'project-plus:toggle-project-finder'
    iconset: 'fa'
    icon: 'briefcase'
  }
  {
    type: 'button'
    callback: 'core:save'
    tooltip: 'Save'
    iconset: 'fa'
    icon: 'save'
  }
  {
    type: 'spacer'
  }
  {
    type: 'button'
    callback: 'find-and-replace:show'
    tooltip: 'Find in Buffer'
    iconset: 'fa'
    icon: 'search'
  }
  {
    type: 'spacer'
  }
  {
    type: 'button'
    tooltip: 'Auto indent (document)'
    callback: 'auto-indent:apply'
    iconset: 'fa'
    icon: 'indent'
  }
  {
    type: 'button'
    tooltip: 'Spell check'
    callback: 'spell-check:toggle'
    iconset: 'fa'
    icon: 'check-circle'
  }
  {
    type: 'spacer'
  }
  {
    type: 'button'
    tooltip: 'Toggle Sidebar'
    callback: 'tree-view:toggle'
    iconset: 'fa'
    icon: 'sitemap'
  }
  {
    type: 'button'
    callback: 'command-palette:toggle'
    tooltip: 'Toggle Command Palette'
    iconset: 'fa'
    icon: 'bars'
  }
  {
    type: 'button'
    callback: 'settings-view:open'
    tooltip: 'Open Settings View'
    iconset: 'fa'
    icon: 'gears'
  }
  {
    type: 'spacer'
  }
  {
    type: 'button'
    callback: 'flex-tool-bar:edit-config-file'
    tooltip: 'Edit Tool Bar'
    icon: 'gear'
  }
]
</filebox>

== [https://atom.io/packages/platformio-ide-terminal Platformio Ide Terminal] ==
{| class="wikitable wtp"
|+ Ansi Colors Z Bright
! Couleur
! Valeur
! Valeur par défaut
|-
| Bright Blue || #729fcf || #0000ff
|-
| Bright Cyan || #34e2e2 || #00ffff
|-
| Bright Green || #8ae234 || #00ff00
|}

<filebox fn='~/.atom/styles.less' lang='less'>
.platformio-ide-terminal .xterm {
  background-color: #404552;
  color: #D3DAE3;

  ::selection {
    background-color: #D3DAE3;
  }

  .terminal-cursor {
    background-color: grey;
  }
}
</filebox>

== Linter ==
* linter-shellcheck
* linter-php

= Configuration =
== [https://discuss.atom.io/t/what-is-this-line-on-the-right-in-the-editor-view/18477 Masquer la barre verticale à la colonne 80] ==
Settings → Packages → wrap-guide → Disable

== user stylesheet ==
Edit → Stylesheet
<filebox fn='~/.atom/styles.less' lang='less'>
.minimap .cursor-line {
  background: green;
}
</filebox>