webdesign / development + awesome
Sublime Text 2
Sublime Text 2 je lepší ako tvoj editor.
Sťahuj:
:: sublimetext.com/2 - stabilná verzia
:: sublimetext.com/dev - dev build
Je šikovný a nelezie do cesty
- rýchly, svižný, krásne čistý - ako "jednoduchý" textový editor
- napriek tomu zvláda IDE fičúry
- a ako dobre pri tom vyzerá
- všetko reaguje okamžite, nič netreba zbytočne potvrdzovať [ pozri video ]
- viac okien v jednom okne, minimapa súboru, full-screen nothing but text mode...
CTRL/CMD + P
- "go to anything"
- extrémne rýchle prepínanie / otváranie súborov
- súbory vyhľadáva naprieč celým projektom - napíšem "Controllers php" a dostanem zoznam všetkých php súborov v Controllers adresári a je jedno, ako hlboko je zahrabaný
- vyhľadávanie je fuzzy, takže stačí keď sa trafím približne
- zobrazenie všetkých metód / funkcií v súbore - CTRL + R / CTRL + P + '@'
- choď na riadok / goto line - CTRL + G / CTRL + P + ':'
CTRL/CMD + SHIFT + P
- to isté ako CTRL+P, ale pre samotnú aplikáciu
- instantný prístup ku všetkým položkám v menu aplikácie
- sweeeeet [ pozri druhé video ]
Čítaj celý článok pre nálož tipov a trikov a linkov a odkazov a cheat sheetov a packagov a druhé video a druhý príchod krista a tak.
Iné dobroty
- CTRL + SHIFT + F vyhľadávanie naprieč všetkými súbormi / projektami
- CTRL + D select more - nájde ďalší výskyt vybraného slova, napr. keď chcem premenovať premennú
- CTRL + X vymaže riadok a uloží ho do schránky
- CTRL + Ľavá myš vytvorí nový kurzor, môžem písať na viacerých miestach naraz
- CTRL + ~ python konzola, dobrá ako rýchla kalkulačka
- CTRL + ALT + HORE/DOLE posúvanie riadku hore/dole
- snippety, autocomplete, makrá, ...
- Vintage mode, pre priaznivcov Vi / Vim a iných nerdov *ZING*
- funkcionalita rozšíriteľná cez Packages
- Sublime Text 2 je kompatibilný s Textmate témami a snippetmi a bundlami
- dev verzia je updatovaná takmer denne
- existuje aj portable verzia, takže netreba nič inštalovať
Sublime Text 2 síce nie je zadarmo, ale jeho neosekaná free verzia sa dá používať do nekonečna s tým, že občas vyskočí otravné okno. S otázkou, či si to nechcete kúpiť. A mohli by ste. Pretože je to fajn.
Jediný dôvod, prečo ešte leziem do notepad++ je, že Sublime Text 2 nemá vstavaného FTP klienta. Je síce vraj zaintegrovateľný do WinSCP a existuje akýsi platený (S)FTP package, ale ani jedno z toho som ešte neskúšal.
Inštalujeme, nastavujeme, užívame
video má silný potenciál nudiť, sleduj na vlastnú zodpovednosť
Začneme nainštalovaním Package Control. To je síce trochu oštara, ale následne budeme môcť spravovať packages priamo cez Sublime. Takže otvorte konzolu (CTRL + ~) a vložte tam toto:
import urllib2,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(ipp) else None; urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler())); open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'
+pf.replace(' ','%20')).read()); print 'Please restart Sublime Text to finish installation'
A stlačte Enter. Chvíľku počkať.
Done.
CTRL + SHIFT + P + 'install' pre inštalovanie nových packages.
CTRL + SHIFT + P + 'package' pre spravovanie, odinštalovanie, dočasné vypnutie a tak.
Zopár vecí, ktoré sa oplatí nainštalovať:
- Alignment
- BufferScroll
- Inc-Dec-Value
- jQuery snippets
- Nettuts+ Fetch
- Prefixr
- SublimeCodeIntel
- SublimeLinter
- Theme - Soda
- WordHighlight
- WordPress
- ZenCoding
Moje nastavenia, keď ma chcete kopírovať, vy piráti špinaví ;)
Base File.sublime-settings
{
"color_scheme" : "Packages/User/DarkTango.tmTheme",
"font_face" : "Consolas",
"font_size" : 11,
"line_numbers" : false,
"codeintel_live" : false,
"word_wrap" : true,
"auto_complete" : true,
"trim_trailing_white_space_on_save": true,
"auto_complete_commit_on_tab" : false,
"highlight_line" : true
}
Global.sublime-settings
{
"detect_slow_plugins": false,
"ignored_packages":
[
"Vintage"
],
"jshint_options":
{
"browser": true,
"curly": true,
"eqeqeq": true,
"evil": false,
"expr": true,
"jquery": true,
"latedef": true,
"newcap": true,
"noarg": true,
"noempty": true,
"onecase": false,
"shadow": false,
"undef": true
},
"open_files_in_new_window": false,
"overlay_scroll_bars": "enabled",
"show_tab_close_buttons": false,
"theme": "Soda Dark.sublime-theme",
"tree_animation_enabled": false
}
Default (Windows).sublime-keymap
[
{ "keys": ["ctrl+shift+d"], "command": "expand_selection", "args": {"to": "word"} },
{ "keys": ["ctrl+shift+d"], "command": "find_under_expand", "context":
[
{ "key": "selection_empty", "operator": "equal", "operand": false, "match_all": true }
]
},
{ "keys": ["ctrl+d"], "command": "duplicate_line" },
{ "keys": ["ctrl+alt+l"], "command": "expand_selection", "args": {"to": "line"} },
{ "keys": ["ctrl+l"], "command": "run_macro_file", "args": {"file": "Packages/Default/Delete Line.sublime-macro"} },
{ "keys": ["ctrl+shift+b"], "command": "toggle_side_bar" },
{ "keys": ["ctrl+q"], "command": "toggle_comment", "args": { "block": false } },
{ "keys": ["ctrl+shift+q"], "command": "toggle_comment", "args": { "block": true } },
{ "keys": ["ctrl+/"], "command": "toggle_record_macro" },
{ "keys": ["ctrl+shift+/"], "command": "run_macro" }
]
Všetky tieto nastavenia sú work in progress a neustále sa menia, takže tak ich treba aj brať.
Dokumentácia (neoficiálna ale lepšia ako zlá):
Textmate Themes:
Cheat Sheet:
Zdroje, ktoré nie sú môj mozog:
- Sublime Text 2 Tips and Tricks
- 9 reasons you must install Sublime Text 2
- Customise Sublime Text 2
- Coding with Sublime Text 2
- Sublime Text 2: demo of features
Prečítajte si, nájdete kopu ďalších tipov a trikov a packagov a skratiek a...
42 komentárov
komentuj


Lukáš [ Streda 25.1.2012, 21:27 ]
hmmm vypada to ze notepad++ u mna nasiel nastupcu :)
werdy [ Streda 25.1.2012, 22:08 ]
Yablko toto je veľmo prudko návykove ... 30 mimút sa s tým hrám a vytešujem sa čo to všetko vie. Ďakujem. Ako často sa zobrazí to okno, že to nemám zaregistrované ? Lebo mne sa ešte neobjavilo.
Marek [ Streda 25.1.2012, 22:27 ]
Vynikajúco spracovaný článok a screencasty. Si úplná bomba Yablko. Presne toto som potreboval. Chcel som vyskúsať sublime, ale nechcelo sa mi to všetko hľadať kade tade po webe.
Výborne si to zhrnul. Ušetril si niekoľko hodín času.
Mám akurát jeden problém, nikde nevidím tlačidlo "Donate", to myslím vážne.
yablko [ Streda 25.1.2012, 23:09 ]
werdy: mne v priebehu nahrávania videí vyskočilo 2x, ale vyzerá to byť viac menej náhodné.. každopádne ja som si to kúpil - maká na tom sám 1 chlapík (ak sa nemýlim) a zaslúži si podporu, pretože už teraz je to super.. a som zvedavý, čo z toho ešte vytrieska:)
marek: keď niekde nejaké bude, ja sa ti ozvem;) a dík:)
Liero [ Štvrtok 26.1.2012, 11:25 ]
Yablko, môžeš ešte niečo zistiť okolo toho ftp? Vďaka :)
yablko [ Štvrtok 26.1.2012, 11:35 ]
Keď príde čas.
mch [ Štvrtok 26.1.2012, 12:08 ]
Ja som doteraz pouzival PSPad hlavne koli FTP a autocomplete (ktore je sice dost slabe v PSPade)
Skusim to so sublime ale ak na tom nerozbeham FTP tak to by som mal velmi tazky prechod :)
mardon [ Štvrtok 26.1.2012, 16:13 ]
Mě by zajímalo jak s licencí , jestli je potřeba zakoupit. Po testovací instalaci ni vyskočila hláška, že si jej mám zakoupit.
yablko [ Štvrtok 26.1.2012, 16:56 ]
Ak to chápem správne, tak to potrebné neni, ale bude na teba vyskakovať to okno. Počas "skúšobnej doby" totiž môžeš fungovať bez licencie a tá skúšobná doba bude zrejme neobmedzená:)
Ale je fajn, že licencia je per-user, takže nie je viazaná na mašinu/OS a môžeš ju používať na čom chceš.
lemmon [ Piatok 27.1.2012, 07:54 ]
Nazdarek, dik za super rady.
Ja som pred nejakym casom presiel na Sublime Text 2 z PSPadu (teda snazim sa ho pouzivat ako main editor) a nelutujem, ale...
Velmi mi chyba v ST2 tool "EyeDropper" (a podobne srandy s farbami) z PSPadu. Neviete niekto nahodou, ci nieco podobne existuje na ST2?
Dik
mch [ Piatok 27.1.2012, 13:16 ]
lemmon, ja pouzivam na zistenie kodu farby add-ony vo FF alebo chrome. Myslim ze to uplne postacuje a malo by to vyriesit tvoj problem
andrew [ Piatok 27.1.2012, 14:59 ]
http://wbond.net/sublime_packages/sftp , Mapping a Local Folder to a Remote Folder funguje, zda sa celkom fajn, obsah vzdialeneho serveru skopiruje na lokalny disk, vy pracujete s lokalnymi subormi, ktore sa pri ulozeni uploadnu na server, cize vlastne klasicky ftp server s lokalnou zalohou.
Martin [ Sobota 28.1.2012, 16:04 ]
Paráda, používal som už 1.4 verziu, ani som nevedel, že je dvojka. Vďaka za super článok, doraz upgradujem. :)
Tom [ Nedeľa 29.1.2012, 10:20 ]
Neviete ako môžem compilovať pomocou Free Pascal v Sublime?
V ConText som to spravil tak: http://mobilorszag.info/images/context.png
Petr [ Nedeľa 29.1.2012, 15:25 ]
Ahoj. Nevíš, ako nastavit barvu zvýraznovače v html pro {}? Používám nette (latte) a jak sám vidíš, tak je to dost nepřehledné, vše bílé.
http://ukaz.at/20m
Děkuji.
Petr [ Nedeľa 29.1.2012, 18:22 ]
Případně jak zvyráznit proměné. To by bodlo nejvíc :)
nanuqcz [ Nedeľa 29.1.2012, 23:52 ]
Ahoj, funguje vám někomu na Windowsech klávesová zkratka CTRL+/ ? Defaultně má zakomentovat kód (třeba v PHP), v nastavení od Yablka má začít nahrávat makro. Díky
yablko [ Pondelok 30.1.2012, 09:39 ]
Skús inú Color Scheme:) Snáď nájdeš takú, ktorá robí to čo chceš. Potom si pozri jej XML súbor a skús nájsť časť, ktorá je zodpovedná za zvýrazňovanie toho, čo potrebuješ.
A ak nič také neexistuje, tak skúmaj http://sublimetext.info/docs/en/extensibility/syntaxdefs.html :)
Prípadne, you know, google. :)
Jelenik [ Pondelok 30.1.2012, 09:48 ]
Yablko, díky za tip - editor vyzerá šikovne. Včera som sa s ním trochu hral.
Vadí mi ale autocomplete funkcia, ktorú keď porovnám s funkciou v Netbeans, tak mi tá v sublime text 2 nevyhovuje.
1. iba pri niektorých metódach doplní aj argumenty funkcie - jednoduchý príklad:
a) Netbeans ponúkne: $this->db->get_where($table, $where, $limit, $offset);
b) Sublime text 2: $this->db->get_where
- je pravda, že táto funkcia má zadané defaultné hodnoty pre každý argument, ale aj tak by mi omnoho viac vyhovoval Netbeans štýl
2. niektoré metódy ani neponúkne, napríklad keď píšem $this->session->userd... ponúka mi to len $this->session->set_userdata() a userdata na fetchnutie nejakej session premennej nie je ani v ponuke.
3. Netbeans pri autocomplete zobrazí aj komentár, ktorý je k metóde, takže hneď sa uistím, že používam správnu metódu...
Možno som moc rozmaznaný tou Netbeans autocomplete funkciou, ale už som si na ňu veľmi zvykol a ťažko by som si zvykal na niečo horšie. Nie sú nejaké packages okrem toho CodeIntel (ktorý ak som správne pochopil tak nájde len metódu) ? Veľmi rád by som prešiel z Netbeans na niečo nové - tento sublime text 2 vyzerá byť šikovný, malinký, rýchly...
yablko [ Pondelok 30.1.2012, 09:57 ]
Neviem, skús googliť. Je dosť možné, že také existuje a ak nie, tak je to len otázka času. Sublime naberá na popularite a package budú pribúdať a zlepšovať sa jak divé, takže pri najhoršom si chvíľu počkáš:)
Markus [ Pondelok 30.1.2012, 16:02 ]
je v sublime text 2 take nieco ako ma notepad++ co umoznuje zmenit kodovanie suboru ? napr. mam subor v Unicode a chcem ho prekonvertovat do UTF-8
yablko [ Pondelok 30.1.2012, 17:20 ]
toť https://github.com/SublimeText/EncodingHelper [ ale neskúšal som ]
Fero Kocúrik [ Pondelok 30.1.2012, 19:35 ]
Super článok a videá! Toto som potreboval vidieť, aby som prešiel na Sublime.
yablko [ Streda 1.2.2012, 14:15 ]
nemáš ošetrené svoje meno
yablko [ Streda 1.2.2012, 14:55 ]
až nás budou miliony!
miro [ Streda 1.2.2012, 23:55 ]
too much tits and balls
yablko [ Štvrtok 2.2.2012, 09:19 ]
there is no such thing as too much tits and balls
you silly silly goose
mardon [ Štvrtok 2.2.2012, 17:17 ]
Jak se používají snippety prosím?
yablko [ Piatok 3.2.2012, 01:28 ]
ctrl+shift+p lipsum
napríklad
mardon [ Nedeľa 5.2.2012, 18:28 ]
a jak si vytvořím svůj ssnippet
Egon [ Nedeľa 5.2.2012, 20:04 ]
Caute, dakujem za clanok, vyzera to cool. Mam vsak problem s autocomplete. Ako trigger mam: < avsak po autocomplete mi zostane < + doplneny kod(napr: <), neviete nahodou ako zaistit aby po aktivovani autocomplete prepisalo ten trigger aby som to nemusel stale mazat ako pipik? nikde som to nevedel najst.diki za pomoc
KOlda [ Streda 8.2.2012, 01:41 ]
Ahoj yablko, mam problem, nainstaloval jsem sublime 2, ale nemam tam global nastaveni... cim to je nevis ?
yablko [ Streda 8.2.2012, 11:07 ]
pozri sem: http://www.sublimetext.com/dev
Build 2174
- File and Global settings have been combined into a single settings file
ondrakub [ Štvrtok 9.2.2012, 10:33 ]
jak je to s formátováním kódu? (php, html, css) ?
Bandzula [ Štvrtok 9.2.2012, 19:36 ]
Natrafil som na problem s kodovanim textu. Nerozozna ho. Treba rucne File/Reopen with Encoding
Roman [ Piatok 10.2.2012, 15:29 ]
Ahoj yablko,
Chtel jsem se zeptat na tyto veci, da se nejak udelat jako v .pspadu, ze kdyz jsem klepl na stredove tlacitko mysi najela mi nabidka tagu, a pak jsem akorad zvolil cestu apod.. ve sublime to musim psat vse rucne. Je nejaky trick ?
Dale jsem se chtel zeptat ohledne tagu a autocomplete on tab, vzdy jak treba napisu <di a dam tab tak mi to napise < misto /// proste se vytvori jedno lomitko navic, nevis co stim? Dekuji
kolemjdouci [ Nedeľa 12.2.2012, 16:49 ]
Zdravím, lze nějak nastavit abych mohl v php pri kliknutí na metodu být přesměrován na danou metodu? Jako to je u netBeans při ctrl + klik na metodu. Díky.
yablko [ Nedeľa 12.2.2012, 17:19 ]
@roman: asi nerozumiem otázke.. tagy nemusíš písať ručne, stačí začať a autocomplete dokončí robotu.. prípadne zencoding
cesta - skús AutoFileName package
@kolemjdouci: myslím, že som to aj vo videu ukazoval, SublimeCodeIntel je package, ktorý hľadáš
Marek [ Nedeľa 12.2.2012, 18:47 ]
vdaka za tip, presiel som nanho z eclipse a rychlost a celkovy feeling su absolutne uzasne.. jedina vec co mi vadila boli dost neprehladne zatvorky v dlhsom kode, po nainstalovani bracket highlight uz nemam problem :) ked na to vyjde niaky schopny Yii nasepkavac tak mozem dat eclipse navzdy zbohom
cokolada [ Pondelok 13.2.2012, 02:27 ]
Zdravim myslel som, ze na Slovensku neexistuje clovek ako si ty. Konecne tuts ako sa patri, len tak dalej. A odporucam Donate :).
Mr.Bowtie [ Nedeľa 19.2.2012, 13:08 ]
No... ja pouzivam od nedavna Sublime2 na Macu... na iMacu mam Sublime a na MacBooku mam TextMate... je to krute takto povedat, ale Sublime je podla mna dost nechutna kopia TextMate (TextMate pre Windows -> http://www.e-texteditor.com/) cize... nie je to az take originalne ci revolucne... kazdopadne je to pekny editor... :-)
martin [ Pondelok 20.2.2012, 19:56 ]
mam jeden problem
ked idem pridat tag napr alt+, tak mi vyhodi zoznam a vyberem si, len mam problem, ze mi na zaciatok hodi 2x znak <
je nejaka skratka iba na otvorenie toho zoznamu funkcii