Tomáš Daněk

DLT

Multiplatformní, moderní a rozšiřitelný textový editor se zaměřením na vizuální nástroje (Inline Editors, Live Preview) a s podoprou preprocesorů SCSS a Less.

Instalace v Linuxu:

1. Přidat repozitáře z adresy: https://launchpad.net/~webupd8team/+archive/ubuntu/brackets
   • Brackets vyžaduje knihovnu libcrypto11, která už v nových distribucích není obsažena.
2. Nainstalovat Brackets.

Klávesové zkratky (více viz github.com/adobe/brackets/wiki/Brackets-Shortcuts):

• rychlý editor: Ctrl+E
  • přepínání mezi pravidly: Alt + Up/Down
• nabídka: Ctrl + mezerník (případně začátek tagu)
• přechod na definici: Ctrl + T
• nápověda: Ctrl+K

Tipy:

• odečet souřadnic u obrázků
• Emmet Re:view – rozšížení pro Chrome

Umístění rozšíření:

• Mac: ~/Library/Application Support/Brackets/extensions/user
• Win: C:\Users\<user>\AppData\Roaming\Brackets\extensions\user
• Linux: ~/.config/brackets/extensions/user

Doporučená rozšíření (top brackets extensions):

• Extensions Rating
• Emmet (Tab)

  • html:5

    • podobná rozšíření: Brackets New Project Creator | HTML Templates

  • lorem | p*2>lorem5 | ul>li*3>lorem2

    • podobná rozšíření: Lorem Ipsum

      • ​lorem | lorem_html_w5 | lorem_html_fortune | lorem_ul3 | lorem_link

  • atd.
• Interactive Linter (aktualizujte soubor htmlhint.js)
  • podobná rozšíření: W3CValidation (F9)
  • podobná rozšíření: CSSLint (F9)
• CKEditor for Brackets
• Insert Codehint With Tab – doporučeno pro Mac, u Windows není nutné
• Brackets Devicons
• SVG Preview
• Font Viewer
• BluePrint Beta | Brackets Outline List – struktura dokumentu
• Brackets Color Palette | Swatcher
• colorHints – zatím umí pouze RGB barvy, ale připravuje se "CSS Code Hinting (Colors)"
• Brackets Css Color Preview | Color Highlighter
• Indentator
• Special Html Characters
• White Space Sanitizer
• Brackets Synapse | eqFTP – klient FTP
• (SFtpUpload | FTP-Sync Plus) – synchronizace lokálního projektu se serverem
• CSScomb
• Response for Brackets
• Todo | Brackets Trello | Simple To-Do (Trello support)
• CSS Shapes Editor for Brackets
• Minifier
• (Beautify – Jak zakázat odřádkovávání CSS v hlavičce HTML?)
• (File Icons)
• (Indent Guides)
• (Git)
• (Autoprefixer)
• (Semicolon Terminator)
• (Brackets Tools)
• (LiveStyle)
• (CanIUse – není přesně shodné s originálním webem)
• (HTML Designer)
• (Tabs – Custom Workong)
• (LESS AutoCompile)
• (Tutorials)
• (Extract for Brackets (Preview))
• (VisibleTabs)
• (Tab to space)
• (Brackets Icons)
• (Extensions Toolbar Reposition)
• (Proper Indent)
• (Match Highlighter)
• (Paste and Indent)
• (PHP Syntax Hint)

Vzhled:

• Monokai Dark Soda