Vánoční nadílka Vánoční nadílka
Až 80% zdarma! Předvánoční BLACK FRIDAY akce. Více informací

Sublime Text

Software Sublime Text American English version English version

Unicorn College ONEbit hosting Tento obsah je dostupný zdarma v rámci projektu IT lidem. Vydávání, hosting a aktualizace umožňují jeho sponzoři.

Sublime Text 3 napsal Jon Skinner. Jde o komerční editor napsaný v C++ a jehož licence stojí kolem 1400 Kč. Editor si ale můžete vyzkoušet a to na neomezenou dobu. Bez licence se však čas od času při ukládání ukáže dialogové okno, kde je doporučena koupě licence.

Sublime Text je multiplatformní, čistý, výkonný a rychlý code editor. Jeho přehledné uživatelské prostředí je inspirováno Vimem. Editor podporuje spoustu programovacích jazyků a je schopen zvýraznit jejich syntaxi a má opravdu velkou komunitu, která pro něj vytváří různá rozšíření jako pluginy, snippety atp.

Mimochodem, který váš editor můžete zapnou a vypnou do 2s? Myslím že takový Eclipse atp. to zvládne do 2 minut.

Editor obsahuje vymoženosti jako fullscreen mód a také tzv. distraction free mode, v němž vám zmizí vše kromě místa na kód a menu. Distraction free mode jsem si však osobně neoblíbil. Editor dokáže rozdělit pracovní plochu na až 4 plochy vedle sebe (horizontálně), 3 plochy pod sebou (vertikálně) nebo 2x2. Což je vhodné při velkých obrazovkách nebo prezentaci kódu, kdy nechcete zbytečně překlikávat mezi soubory.

Subime Text má opravdu stylovou minimapu kódu, na kterou po navyknutí nedáte dopustit. Pokud jí ale nechcete, dá se, jako snad vše, přenastavit. Obsahuje také Python konzoli, která vám, minimálně jako kalkulačka, poslouží velmi dobře.

Sublime Text je plně nakonfigurovatelný. Veškerá konfigurace probíhá ve speciálních JSON souborech.

Editor se chová jako jiné klikací editory, ale pokud se naučíte pracovat s klávesovými zkratkami, dá se efektivně ovládat i pouhou klávesnicí. Základní vlastností je možnost ovládat více kurzorů v jeden čas. Musím říct, že je to super věc a mnoho dalších funkčností čerpá právě z této schopnosti. Podobně se využívá klávesová zkratka Ctrl + D, se kterou stačí označit část kódu a postupně se vám budou označovat další výskyty, se kterými můžete dále pracovat.

Jak tedy editor vypadá (s nainstalovaným soda-theme a jeho upravenou verzí zvýrazňovače Monokai)?

Sublime Text

Klávesové zkratky

Klávesových zkratek je opravdu hodně, ale ukážeme si nějaké nejpoužívanější.

  • Ctrl + P - v základu je na výběr souboru, pokud přidáte : přesune vás na řádek, pokud @ zobrazí vám seznam funkcí
  • Ctrl + Shift + P - seznam příkazů
  • Ctrl + D - přidat kurzor na další výskyt
  • Ctrl + Click - přidat kurzor na zvolené místo
  • Shift + Alt + 1, 2, 3, 4, 8,

    9, 5 - rozdělení obrazovky

  • Ctrl + F - vyhledávání v aktuálním souboru
  • Ctrl + Shift + F - vyhledávání ve více souborech, enter vám zobrazí výpis s nalezením
  • Ctrl + Shift + nahoru/dolu - posun řádku nahoru/dolu
  • Ctrl + Shift + D - duplikuje řádek
  • Ctrl + Shift + K nebo Shift + Delete - smaže řádek
  • Ctrl + (Shift) + Tab - přesun na další otevřený soubor

Pluginy

Pro práci s pluginy je alfa omegou Package Control, ten lze jednoduše nainstalovat otevřením konzole (Ctrl + ;, ta klávesa pod Esc) a vložením kódu z https://sublime.wbond.net/installation#st3.

Nyní se v seznamu příkazů (Ctrl + Shift + P) objeví nová možnost, "Package Control: Install Package". Po aktivaci daného příkazu se nám zobrazí okno, kam vepíšeme název pluginu. Online vyhledávač pluginů lze nalézt na https://sublime.wbond.net.

Po instalaci jakéhokoli pluginu je doporučováno editor restartovat. Nyní si popíšeme několik zajímavých pluginů.

Alignment

Plugin, který zarovná vybraný kód do úhlednější a přehlednější podoby.

Sublime Text Alignment

Colorpicker

Výborný plugin pro možnost využívat klasického color pickeru.

Sublime Text Colorpicker

Emmet

Emmet (dříve známo jako Zen Coding) je doplněk pro HTML, který vytváří HTML zápis podle zápisu podobnému CSS selektorům. Ke syntaxi CSS selektorů lze dále využívat násobení, znak $ způsobí inkrementaci, {text} vyplní obsah textem atp. Můžete využít také závorky () pro vytvoření výrazů.

Plugin se spouští kombinací Ctrl + Alt + Enter.

Sublime Text Emmet

SidebarEnhancements

Výborný plugin pro obohacení možností přehledu souborů.

Sublime Text SidebarEnhancements

SublimeCodeIntel

Jeden z těch opravdu užitečných pluginů. Napovídá dostupné funkce a metody, po stisknutí kombinace Alt + Click na jméno funkce vás přesune na její zápis - i to jiného souboru. Plugin však má své nedostatky.

Sublime Text SublimeCodeIntel

Theme Soda

Jak jsem již psal, tento plugin vám obarví Sublime Text do tmava. Použijte i jejich upravený zvýrazňovač kódu Monokai, který naleznete dole http://buymeasoda.github.io/soda-theme v Bonus options. :)

Theme Spacegray

Velmi oblíbeným vzhledem je také Spacegray. Postup pro instalaci naleznete na githubu projektu - https://github.com/kkga/spacegray.

Snippety

Snippety jsou útržky kódu, které můžete vložit ze seznamu příkazů. Například HTML kostru, lorem ipsum atp. Sublime obsahuje již v základu několik snippetů a pokud toužíte po svých vlastních, není problém si je vytvořit.

Vytvoření snippetů je vcelku jednoduché. V záložce tools -> developer -> new snippet vytvoříte nový snippet.

Hlavním elementem je <snipet>, do něhož se vloží <content>, kde se mezi

<![CDATA[ ... text ... ]]>

vepíše tělo snippetu. Při vytváření snippetu by se vám měla zobrazit šablona, která celý proces vytváření značně zjednoduší.

Pod element <content> se poté mohou umístit různá nastavení:

<tabTrigger>vas-identifikator</tabTrigger>
<description>Můj popisek</description>
<scope>text.html</scope>

tabTrigger slouží jako identifikátor, tj. jako příkaz, po kterém se snippet vytvoří. scope omezuje snippet na soubory daného typu, např. podle koncovky. description zase využijete jako popis snippetu v seznamu příkazů (Ctrl + Shift + P).

Příklady jak nastavovat omezení scope můžete nalézt na https://gist.github.com/…bhas/4705378

Závěr

Sublime Text je jistě velmi vydaření editor se spoustou kvalitních doplňků, které editoru přidávají bonusové body. Poslední dobou se však do hry dostávají i editory vytvářené webovými technologiemi, jako např. Atom či VSCode, pro které je vývoj pluginů o dost jednodušší. Který z nich nakonec uspěje jako editor číslo 1 je prozatím ve hvězdách. :-)

Pokud jste trochu náročnější a pro práci potřebujete nástroj, který kódu opravdu rozumí, zkuste se podívat např. po IDE (což jsou v podstatě editory, které kódu opravdu rozumí) od firmy JetBrains, tzn. např. IDE jako PhpStorm, který velmi doporučuji.


 

 

Článek pro vás napsal Honza Bittner
Avatar
Jak se ti líbí článek?
24 hlasů
Milovník Dartu. Student FIT ČVUT. Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Miniatura
Předchozí článek
Crack vs. Freeware
Miniatura
Všechny články v sekci
Software
Miniatura
Následující článek
Dropbox - Sen všech ajťáků
Aktivity (4)

 

 

Komentáře
Zobrazit starší komentáře (58)

Avatar
Neaktivní uživatel:3.5.2016 18:40

Ahoj mám problém když dám do konzole instalaci package control . Začnou se mi stahovat soubory a pak mi to vypíše toto : 1 missing dependencies

Odpovědět 3.5.2016 18:40
Neaktivní uživatelský účet
Avatar
Lukáš Hypša:15.5.2016 12:06

Existuje nějaká klávesová zkratka kterou když bych držel spolu s levým talčítkem a jel po řádcích tak by se mi na každej dal novej kurzor? Něco jako Ctrl ale abych nemusel furt pouštět myš (ve VS je taková funkce pod Alt+LevýTlačítko).

Odpovědět 15.5.2016 12:06
Jsem lama co se roky snaží naučit napsat aspoň pár řádků a furt mu to nejde...
Avatar
Honza Bittner
Šupák
Avatar
Odpovědět 15.5.2016 12:20
Milovník Dartu. Student FIT ČVUT. Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/...
Avatar
Lukáš Hypša:15.5.2016 12:58

Ctrl+Alt+Up/Down mi nefunguje :)

Odpovědět 15.5.2016 12:58
Jsem lama co se roky snaží naučit napsat aspoň pár řádků a furt mu to nejde...
Avatar
Honza Bittner
Šupák
Avatar
Odpovídá na Lukáš Hypša
Honza Bittner:15.5.2016 16:00

Zkoušel jsem to a mě to funguje. Máš Sublime Text 3? Nemáš nějak nastavené jiné klávesové zkratky či tak?

Odpovědět 15.5.2016 16:00
Milovník Dartu. Student FIT ČVUT. Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/...
Avatar
Lukáš Hypša:15.5.2016 16:22

Sublime Text 3 mám, nic jsem od instalace něměnil. Když zkusim tudle zkratku tak se mi překlopí obraz.

Odpovědět 15.5.2016 16:22
Jsem lama co se roky snaží naučit napsat aspoň pár řádků a furt mu to nejde...
Avatar
Honza Bittner
Šupák
Avatar
Odpovídá na Lukáš Hypša
Honza Bittner:15.5.2016 17:06

Tak to si musíš nastavit svůj grafický ovladač, některé to dělají. :-) Já si to také musel vypnout, abych se mohl v PhpStorm (ten mimochodem doporučuji) pohybovat tam a zpět v historii.

Odpovědět  +1 15.5.2016 17:06
Milovník Dartu. Student FIT ČVUT. Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/...
Avatar
Odpovídá na Honza Bittner
Lukáš Hypša:15.5.2016 18:59

Pomohlo, díky :)

Odpovědět 15.5.2016 18:59
Jsem lama co se roky snaží naučit napsat aspoň pár řádků a furt mu to nejde...
Avatar
Jan Jedlička:3. listopadu 16:03

Ahoj lidi, muzete mi poradit jak nastavit ukladani z less do css? Mam nainstalovany node.js a v sublime text3 nainstalovany plugin less2css. kdyz vytvorit soubor less a napisi do nej treba:

body {
        background: red;
        a {
                color: white;
        }
}

tak se mi to ulozi do css jen do radku. neni tam spravne odradkovani. nevite cim to muze byt? děkuji

 
Odpovědět 3. listopadu 16:03
Avatar
Jan Jedlička:10. prosince 22:36

ahoj muzete mi poradit, jak nastavit v sublime text3 naseptavac v CSS? nejsem si ted jisty jestli to od zacatku fungovalo nebo ne. díky za jakoukoliv radu

 
Odpovědět 10. prosince 22:36
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 10 zpráv z 68. Zobrazit vše