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...
55 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
sublime2 [ Sobota 25.2.2012, 15:59 ]
super clanok, diky. pouzivam sublime text 2 vo windowse 7 aj v ubuntu 11.10. Akurat ze v ubuntu mi niekedy blbne Ctrl+F. Nenajde mi niekedy dane slovo aj ked v texte je, potom trochu poscroolujem a uz mi ho najde...este som sa chcel spytat ci je v sublime text2 nieco podobne ako v notepad++, ze stlacim Ctrl+F, potom zvolim nahradit a napisem co chcem s cim nahradit.
Robo [ Piatok 2.3.2012, 23:10 ]
Na Ubuntu som to instaloval:
sudo add-apt-repository ppa:webupd8team/sublime-text-2
sudo apt-get update
sudo apt-get install sublime-text-2
Problem je, ze niekedy sa mi bugne ta spodna lista co ukazuje pocet riadkov a je tam 2 krat? Nevie niekto co s tym?
Robo [ Piatok 2.3.2012, 23:17 ]
Hmm tak vyriesilo to proste prepnutie na Full Screen s F11 a nasledne vratenie spat. Fakt skvely program a aj napriek drobnym bugom si ho necham.
sublime2 [ Nedeľa 4.3.2012, 15:57 ]
ja som si uz stiahol aktualny Build:2181 a funguje mi v Ubuntu 11.10 uplne perfektne, bez bugov.
yablko [ Piatok 9.3.2012, 16:19 ]
hej, všetci čo ste si pýtali donate button, lucky day: http://yablko.sk/ !
:)
tomco3131 [ Nedeľa 18.3.2012, 20:37 ]
ahoj yablko, vyskusal som editor, vyzerá super. akurát my chýba nejaká skratka na "livePreview" ktorá by otvorila dokument v prehliadači. Doteraz som tak fungoval, a dosť to chýba. Nenašiel som na nete okolo toho velmi, poznáš niečo také? Diiiiiik
Rado [ Streda 28.3.2012, 06:31 ]
Dakujem ti za takyto clanok a video... Tento editor, ktory som teraz spoznal asi 15 min po videu u mna nahradi notepad++
Robo [ Streda 4.4.2012, 06:03 ]
Otazka:
CTRL + Ľavá myš vytvorí nový kurzor, môžem písať na viacerých miestach naraz.
Prosim vas je nato aj nejaka klavesova skratka ako v Ultra Edite? Alebo si musim vytvorit vlastne bindy?
Lukáš [ Streda 18.4.2012, 11:46 ]
Ahoj yablko čo mám robiť ak nevidím "global"
ako ho mám najsť?
yablko [ Streda 18.4.2012, 13:39 ]
global settings?
od Build 2174 boli tie settings zlúčené do jedného fajlu
takže napíš len "settings" a budeš tam mať "default" a "user"
Valer [ Utorok 8.5.2012, 12:49 ]
Mam problemy s diakritikou v Sublime, skusal som zmenit jazykovu sadu , ale nic .. Mate niekto podobnu skusenost, alebo TIP ??
Lukas2550 [ Piatok 18.5.2012, 13:48 ]
Zdravím , super video . Mám jeden maličký problém , ako sa nainštaloval hneť package control , reštartoval som to , potom ctrl + shift +p napísal som install , ako kážeš a tam nastáva problém , kliknem na to a nenaskočí mi tabuľka ako tebe kde mám na výber si nainštalovať nejaký package , len mi začne ako keby hneť inštalovať a napíše v konzoly error . Neviem si s tím rady , čím to môže byť , skúsil som program preinštalovať a nepomáha . Nevieš mi poradiť ? Dík
yablko [ Piatok 18.5.2012, 21:18 ]
odporúčam hodiť ten error do googlu a pozrieť, čo z toho bude