Sublime Text

Software Sublime Text

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 efektů č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, při odentrování se 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 + ;) 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.

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. Využít se dají také závorky (), které uzavírají logiku do funkčních celků.

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řesměruje 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

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

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

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 Název</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í 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.


 

  Aktivity (3)

Článek pro vás napsal Honza Bittner
Avatar
Autor je vášnivý web developer. Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)

Jak se ti líbí článek?
Celkem (20 hlasů) :
4.899994.899994.899994.899994.89999


 


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ů

 

 

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

Avatar
Petr Čech (czubehead):

Určitě se ti nainstalovalo package control? Nemůžeš použít ten string, co je tom článku, popravdě nechápu, proč to tam Honza Bittner dal, když je přesně na té stránce napsáno, že to není dobrý nápad :-?.
Každopádně musíš použít kód z https://packagecontrol.io/installation

Odpovědět 12.12.2015 17:39
Why so serious? -Joker
Avatar
Kejmou
Člen
Avatar
Kejmou:

Při ukládání, neulouží soubor jako .html ale bez koncovky, při dalším ukládání vytváří další soubor.

 
Odpovědět 31. března 19:43
Avatar
Kunc Matej
Člen
Avatar
Kunc Matej:

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. května 18:40
Avatar
Lukáš Hypša:

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. května 12:06
I když se programování učím jenom z interetu, velmi mě baví a doufám, že se tím jednou budu i živit.
Avatar
Honza Bittner
Redaktor
Avatar
Odpovědět 15. května 12:20
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Lukáš Hypša:

Ctrl+Alt+Up/Down mi nefunguje :)

Odpovědět 15. května 12:58
I když se programování učím jenom z interetu, velmi mě baví a doufám, že se tím jednou budu i živit.
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na Lukáš Hypša
Honza Bittner:

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. května 16:00
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Lukáš Hypša:

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. května 16:22
I když se programování učím jenom z interetu, velmi mě baví a doufám, že se tím jednou budu i živit.
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na Lukáš Hypša
Honza Bittner:

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. května 17:06
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Odpovědět 15. května 18:59
I když se programování učím jenom z interetu, velmi mě baví a doufám, že se tím jednou budu i živit.
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 66. Zobrazit vše