Hlavní navigace

Sublime Text 2 editor: první krůčky

Adam Štrauch 24. 8. 2012

Minule jsme si zběžně přestavili textový editor Sublime Text 2 a ukázali jeho možnosti. Na mnoho jeho vlastností a užitečných pluginů se ale nedostalo. Podíváme se proto na důležité klávesové zkratky, na editování více souborů najednou a na pluginy pro zjednodušení psaní HTML a práci s GITem.

Klávesové zkratky

Minule jsme se naučili pár klávesových zkratek pro práci se soubory v projektu, tak dnes si jejich seznam trochu rozšíříme:

Volba souboru Ctrl + P
Volba naposledy otevřeného projektu Ctrl + Alt + P
Seznam příkazů Ctrk + Shift + P
Výběr slova a umístění dalšího kurzoru a další výskyt Ctrl + D
Výběr řádku Ctrl + L
Umístění kurzoru za každý vybraný řádek
(vhodná kombinace s Ctrl + L)
Ctrl + Shift + L
Různá rozložení Shift + Alt + 1,2,3,4,8,9,5
Vyhledávání a nahrazení ve více souborech Ctrl + Shift + F
Ctrl+Shift+Šipky nahoru/dolu Posun celých řádků nahoru/dolu
Kopírování aktuálního řádku Ctrl + Shift + D
Smazání celého řádku Ctrl + Shift + K
Start/Stop nahrávání makra Ctrl + Alt + Q
Spuštění nahraného makra Ctrl + Shift + Alt + Q
Vložení se správným odsazením CTRL + Shift + V

Rozložení

Jak jsme si minule řekli, snaží se Sublime Text 2 využít každého pixelu monitoru a pokud máte monitor velký, není nutné na něm mít pouze jeden soubor. V menu View->Layout si můžete vybrat z několika rozložení, která budou vyhovovat vašemu hardwaru. Každá část okna pak má vlastní seznam tabů, které je možné mezi sebou přehazovat.

Snippety

Silnou vlastností Sublime Text 2 jsou snippety. Jde o malé šablony kódu, které je možné vložit do libovolného souboru. Snippety lze spouštět buď přes nastavenou klávesovou zkratku, přes nějaký řetězec a klávesu podobně jako u Zen Coding níže nebo přes Command Pallete (Ctrl + Shift + P).

Mnoho snippetů už Sublime Text 2 obsahuje, ale není problémy si vytvořit nový kliknutím na Tools – New snippet. V takovém případě se něco takového:

<snippet>
    <content><![CDATA[
Hello, ${1:this} is a ${2:snippet}.
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <!-- <tabTrigger>hello</tabTrigger> -->
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <!-- <scope>source.python</scope> -->
</snippet> 

Když vyplníte tabTrigger nastavíte řetězec, který bude nahrazen tímto snippetem po stisknutí klávesy TAB. Samotný snippet je pak uveden mezi <![CDATA[ a ]]>. Ve scope pak lze určit, kde má snippet platnost.

Na další parametry se podívejte do dokumentace. O kousek vedle pak najdete návod na nastavení klávesových zkratek.

Makra

Pokud potřebujete udělat nějakou složitější akci několikrát za sebou, jsou makra tím nástrojem, který hledáte. Nové makro vytvoříte pomocí klávesové zkratky Ctrl + Alt + Q nebo v nabídce Tools. Hned po spuštění nahrávání můžete provést potřebný úkon a stisknout klávesovou zkratku znovu. Stejný úkon pak provedete pomocí klávesové zkratky Ctrl + Shift + Alt + Q.

Makra je možné ukládat a pomocí nabídky MacrosTools je vyvolat znovu.

Zen Coding

První plugin, o kterém dnes budeme mluvit je Zen Coding. Ten slouží pro snadné zapisování HTML, XML a XLS kódu. Zjednodušeně lze říci, že jde jednoduchý skriptovací jazyk pro zjednodušení zápisu potřebného HTML kódu. Instalace pluginu probíhá standardní cestou přes Package Control. Stačí tedy stisknout Ctrl + Shift + P, vybrat Install Package a tam najít Zen Coding. Informace k pluginu najdete na jeho domovské stránce.

Aby bylo jasné, co Zen Coding dělá, tady je příklad, kterým jsem vytvořil tabulku s klávesovými zkratkami výše.

table>tr*2>th>th+td<TAB> 

Místo tohoto řetězce se po stisknutí klávesy TAB objeví:

<table>
    <tr>
        <th>
            <th></th>
            <td></td>
        </th>
    </tr>
    <tr>
        <th>
            <th></th>
            <td></td>
        </th>
    </tr>
</table> 

Syntaxe může být na první pohled trochu nepřehledná, ale rychle si na ní zvyknete.

>     další úroveň
#     nastaví atribut id
.     nastaví atribut class
[...] nastavení dalších atributů, např. [href] nebo [href="http:root.cz"]
+     další tag na stejné úrovni
$     bude nahrazeno číslem
*     násobné vložení tagu 

Zen Coding toho umí více, můžete třeba zkusit seznam jeho příkazů v Command Pallete nabídce (Ctrl + Shift + P) nebo následující příklad:

html:5<TAB> 

Další příklady najdete v tomto videu.

Git

Vývojáři používající GIT ocení velmi dobrý GIT plugin dostupný z Package Control. Po jeho instalaci se do nabídky Tools přidá podnabídka Git, kde je možné pracovat s existujícím repositářem nebo vytvořit nový.

Kromě běžných operací jako přepínání větví, commitování, prohlížení logů si lze prohlížet i konkrétní rozdíly mezi novou a starou verzí vybraného souboru nebo zobrazit textový „graf“ provedených commitů.

Soda Theme

Sublime Text 2 sice moc grafických prvků nemá, ale to nezabránilo vývojářům témat udělat nějaké změny. Často skloňovaným tématem je Soda Theme, o kterém najdete zmínku v téměř každém článku o tomto editoru. Instalace probíhá přes Package Control, kde hledejte klíčové slovo „Soda“.

Po instalaci témata je potřeba otevřít nastavení editoru a vložit do něj řádek:

"theme": "Soda Dark.sublime-theme", 

A v případě světlé varianty:

"theme": "Soda Light.sublime-theme", 

Shrnutí

Zde samozřejmě možnosti editoru Sublime Text 2 nekončí a na následujících odkazech najdete hromadu dalších informací k samotnému editoru i jeho pluginům.

Našli jste v článku chybu?

29. 8. 2012 12:29

a zkousel jste nekdy pracovat v IDE postavenem na Jave?

24. 8. 2012 11:37

Honza (neregistrovaný)

No třeba takový Vim potřebuje ještě podrobnější návody a nějaký pátek trvá, než se s ním člověk naučí efektivně pracovat. Ale jakmile se to naučí, je efektivita práce bezkonkurenční a člověk ho těžko někdy opustí :-)

Podnikatel.cz: Vrátí zvýhodnění, ale výrazně omezí paušály

Vrátí zvýhodnění, ale výrazně omezí paušály

Lupa.cz: Google měl výpadek, nejel Gmail ani YouTube

Google měl výpadek, nejel Gmail ani YouTube

Podnikatel.cz: Přehledná titulka, průvodci, responzivita

Přehledná titulka, průvodci, responzivita

Vitalia.cz: Baletky propagují zdravotní superpostel

Baletky propagují zdravotní superpostel

Podnikatel.cz: EET: Totálně nezvládli metodologii projektu

EET: Totálně nezvládli metodologii projektu

Vitalia.cz: Dáte si jahody s plísní?

Dáte si jahody s plísní?

Lupa.cz: Co se dá měřit přes Internet věcí

Co se dá měřit přes Internet věcí

DigiZone.cz: ČRa DVB-T2 ověřeno: Hisense a Sencor

ČRa DVB-T2 ověřeno: Hisense a Sencor

Měšec.cz: Air Bank zruší TOP3 garanci a zdražuje kurzy

Air Bank zruší TOP3 garanci a zdražuje kurzy

DigiZone.cz: Recenze Westworld: zavraždit a...

Recenze Westworld: zavraždit a...

DigiZone.cz: Flix TV má set-top box s HEVC

Flix TV má set-top box s HEVC

DigiZone.cz: Rádio Šlágr má licenci pro digi vysílání

Rádio Šlágr má licenci pro digi vysílání

Vitalia.cz: Láska na vozíku: Přitažliví jsme pro tzv. pečovatelky

Láska na vozíku: Přitažliví jsme pro tzv. pečovatelky

Podnikatel.cz: Babiš: E-shopy z EET možná vyjmeme

Babiš: E-shopy z EET možná vyjmeme

Vitalia.cz: Mondelez stahuje rizikovou čokoládu Milka

Mondelez stahuje rizikovou čokoládu Milka

Vitalia.cz: Chtějí si léčit kvasinky. Lék je jen v Německu

Chtějí si léčit kvasinky. Lék je jen v Německu

Měšec.cz: Finančním poradcům hrozí vracení provizí

Finančním poradcům hrozí vracení provizí

Měšec.cz: Kdy vám stát dá na stěhování 50 000 Kč?

Kdy vám stát dá na stěhování 50 000 Kč?

Podnikatel.cz: Podnikatelům dorazí varování od BSA

Podnikatelům dorazí varování od BSA

Vitalia.cz: Jsou čajové sáčky toxické?

Jsou čajové sáčky toxické?