Share
Sublime Text 2 is een van de snelste en meest ongelooflijke codebewerkers die in lange tijd is uitgebracht! Met een community en plugin-ecosysteem die zo gepassioneerd is als deze, is het voor een andere redacteur misschien onmogelijk om bij te praten. Ik laat je vandaag mijn favoriete tips en trucs zien.
Sublime Text 2 is momenteel beschikbaar voor alle grote platforms: OS X, Linux en Windows.
Sublime is in actieve ontwikkeling. Als je net als ik de nieuwste versie van de app wilt gebruiken, kun je de dev-build downloaden. U zult merken dat nieuwe (automatische) updates om de andere dag of zo beschikbaar zijn.
Download hier een dev-build van Sublime 2.
Update: hier is een beter pictogram.
In zijn verdediging bevindt Sublime Text 2 zich nog steeds in een bèta-staat. Het officiële pictogram zal waarschijnlijk / hopelijk veranderen met de officiële release. Tot die tijd heeft Nate Beaty een alternatief pictogram gemaakt, als je daar de voorkeur aan geeft.
Om het te integreren, moet je het bestaande "Sublime Text 2.icns" -bestand vervangen door deze nieuwe. Blader op een Mac naar Sublime 2 in uw Applications / map, klik dan met de rechtermuisknop en "Bekijk pakketinhoud". Blader ten slotte naar Contents / Resources /, en sleep het nieuwe pictogram naar binnen, waarbij het bestaande wordt overschreven.
Houd er rekening mee dat, als u regelmatig updates gebruikt ontwikkelingsversie van Sublime Text, bij elke update wordt het pictogram verwijderd. Zorg er daarom voor dat je je voorlopig geen zorgen maakt over het pictogram.
Net zoals bij TextMate, kunnen we het commandopalet van Sublime gebruiken door naar de Hulpmiddelen menu, of door op te drukken Shift + Command + P, op de Mac. Of u nu een voorkeurenpagina moet bezoeken of een fragment moet plakken, alles kan hier worden bereikt.
druk op Controle of Commando + P, typ de naam in van het bestand dat u wilt openen (fuzzy finder), en, zonder zelfs te drukken invoeren, je wordt meteen naar dat bestand getransporteerd. Hoewel Vim en apps zoals PeepOpen een vergelijkbare functionaliteit bieden, zijn ze lang niet zo snel als de implementatie van Sublime.
Editors zoals TextMate hebben al lang een verticale selectie aangeboden, wat best netjes is. Maar met multiselectie kunt u meerdere cursors op de pagina hebben. Dit kan de behoefte aan het gebruik van reguliere expressies en geavanceerde zoek- en vervangquery's drastisch verminderen. Misschien is een snelle visuele demonstratie in orde ...
Om multi-selectie in te schakelen, hebt u verschillende opties:
Accentsconagua
alt of Commando en klik vervolgens in elke regio waar u een cursor nodig heeft.Shift + Command + L. Besturing / Command + D herhaald om extra exemplaren van dat woord te selecteren. Alt + F3 op Windows, of Ctrl + Command + G op de Mac. Verbazingwekkend!! Update: deze functie wordt nu vooraf geïnstalleerd met Sublime Text 2.
Het is zo'n kleine functie, maar ik heb er altijd van gehouden hoe Notepad ++ op Windows indent-gidsen toont; het maakt de pagina veel gemakkelijker om te navigeren en te formatteren. Sublime Text 2 biedt dit vermogen, via een plug-in gemaakt door Nikolaus Wittenstein.
Om deze plug-in te integreren:
Pakketjes map. Op een Mac zou dit pad zijn Application Support / Sublime Text 2 / Packages De stappen in de vorige tip (# 6) zijn een beetje vervelend, toch? In plaats daarvan kunnen we de uitstekende Sublime Package Control installeren, die het hele proces stroomlijnt.
Om "Package Control" te installeren, opent u Sublime en drukt u op Control + '. Plak vervolgens het volgende fragment in de console.
import urllib2, os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path (); os.makedirs (ipp) if not os.path.exists (ipp) else None; open (os.path.join (ipp, pf), wB) .write (urllib2.urlopen (http://sublime.wbond.net/'+pf.replace (", '20%')). read ()) Maak je geen zorgen als je de bovenstaande code niet begrijpt; gewoon kopiëren en plakken!
Start ten slotte Sublime-tekst opnieuw en blader naar Voorkeuren -> Pakketinstellingen. Als de installatie is gelukt, ziet u nu een Pakketcontrole item in die lijst.
Met Package Control geïnstalleerd, wordt het proces van het toevoegen van nieuwe plug-ins en functionaliteit ongelooflijk eenvoudig!
Raadpleeg het volgende item in deze lijst voor een gebruiksvoorbeeld.
Als u het type bent dat uw gelijkwaardige tekens het liefst in de rij zet, bijvoorbeeld in uw JavaScript ...
// Vóór var joe = 'joe'; var johnny = 'johnny'; var quaid = 'quaid'; // Na var joe = 'joe'; var johnny = 'johnny'; var quaid = 'quaid';
... dit proces kan worden geautomatiseerd via de Sublime Alignment-plug-in. In plaats van het handmatig te downloaden en installeren, gebruiken we in plaats daarvan Package Control (beschreven in # 7).
Shift + Command + P Shift + Command + A om automatisch uit te lijnen.
Dit proces kan worden herhaald voor alle typische plug-ins die we installeren, zoals Zen Coding.
Ik ben een grote fan van Vim. De hoeveelheid stroom die het levert is krankzinnig. Het feit dat ik naar Sublime Text 2 ben overgeschakeld, zou dan boekdelen moeten zijn!
Als je een dev-build van Sublime Text gebruikt (zie # 2 in deze lijst), kun je de Vintage-modus inschakelen, die ondersteuning biedt voor de Vi-opdrachten die we kennen en waarvan we houden - oké ... sommigen van ons liefde. De rest haat het! :)
Ga naar om de Vintage-modus in te schakelen Voorkeuren / Algemene instellingen - Standaard. Nadat dit bestand is geopend, bladert u helemaal naar beneden en wijzigt u "ignored_packages": ["Vintage"] naar "ignored_packages": []. Start vervolgens Sublime opnieuw op, druk op de Ontsnappen sleutel, en, tada: opdrachtmodus!
Een ding dat je misschien opvalt, is dat het in de commandomodus moeilijk kan zijn om de cursor te vinden (vooral wanneer je voordeel haalt uit dingen zoals bladwijzers). Bij meer dan één gelegenheid merkte ik dat ik probeerde de locatie op te sporen.
Hoewel het geen perfecte oplossing is, probeert een plug-in, genaamd 'SublimeBlockCursor', dit probleem te verhelpen.
Notitie: Terwijl het leesvenster aangeeft dat SublimeBlockCursor kan worden geïnstalleerd via Package Control, kon ik het niet vinden. In plaats daarvan moest ik het project handmatig klonen in de
Pakketjesmap.
Soms moeten we alle extra pluis wegfilteren die onze codering in de weg zit. Gebruik de "Distraction Free Mode" om dit idee zo ver mogelijk te volgen. Deze optie is beschikbaar via de Uitzicht menu. Selecteer "Voer de modus Distraction Free" in of gebruik de sneltoets voor Mac, Control + Shift + Command + F.
TextMate-fragmenten en -thema's worden mooi overgezet op Sublime-tekst. U hoeft ze alleen in de map Pakketten te plaatsen -- .tmbundle extensie intact en Sublime zal de bestanden herkennen. Dit betekent dat de volledige catalogus met TextMate-thema's werkt in Sublime!
Ik heb bijvoorbeeld de laatste tijd met de (fantastische) Slim-templerende engine gewerkt en had behoefte aan een betere syntaxisaccentuering. Fred Wu creëerde een bundel voor TextMate, maar tada, het werkt ook perfect in Sublime Text! Als u geïnteresseerd bent, kunt u hier de Slim-bundel downloaden; het bevat zowel fragmenten als syntax highlighting.
Het standaardthema voor Sublime Text is uitstekend, maar ik prefereer een aangepast licht en donker thema, Soda, gemaakt door Ian Hill.
Zoals ontleend aan de Github-pagina ...
"Als je een git-gebruiker bent, is de beste manier om het thema te installeren en up-to-date te houden, om de repo rechtstreeks in de map Pakketten te klonen in het gebied met instellingen van het Sublime Text 2-programma."
Ga naar je Sublime Text 2 Packages-map en kloon de themarepository met de onderstaande opdracht:
git clone https://github.com/buymeasoda/soda-theme/ "Theme - Soda"
Sublime Text 2 configureren om het thema te gebruiken:
Sublieme tekst 2 -> Voorkeuren -> Algemene instellingen van gebruiker "thema": "Soda Light.sublime-theme"
Sublime Text biedt ons een paar verschillende manieren om een pagina te raadplegen (buiten de standaard zoekfuncties).
Een snelle manier nodig om naar een specifieke functie of methode te bladeren?
Type Control / Command + r om een pop-up te onthullen die ditzelfde toestaat (let op de @ symbool)! Sterker nog, de zoekopdracht is ook vaag, wat vooral nuttig is voor grote klassen.
Wat als u onmiddellijk wilt overstappen naar een specifiek deel van een HTML-pagina - bijvoorbeeld naar de div met een klasse van houder. Type Besturing / Command + p, dan #, en je ziet meteen een boom van je document.
Om snel naar een specifiek regelnummer op de pagina te gaan, kunt u op drukken Controle + g. U zult echter merken dat het opnieuw dat palet oproept (Besturing / Command + p) en het toevoegen van de : symbool. Dit is overgenomen van Vim.
Dit betekent, naast Controle + g, je kunt ook typen, Besturing / Command + p, en dan : LINE_NUMBER.
Laten we zeggen dat je een fan bent van Normalize.css. Misschien download je het en sla je het op in een fragment, of sla je het stylesheet zelf op in een map met items. Op die manier hoeft u voor toekomstige projecten alleen maar te kopiëren en plakken.
Het enige probleem met deze methode - zoals we allemaal hebben ontdekt - is dat, als een paar maanden zijn verstreken, het meer dan mogelijk is dat het item (in dit geval Normalize.css) door de maker is bijgewerkt. Dus je opties zijn om de, nu, verouderde versie van Normalize te gebruiken, of, nogmaals, terug te keren naar de GitHub-pagina en een nieuw exemplaar in te tikken. Dit lijkt allemaal vervelend.
Gemaakt door Weslly Honorato, Nettuts + Fetch is de oplossing voor ons dilemma. Het kan worden geïnstalleerd via Package Control.
U gebruikt slechts twee opdrachten wanneer u met Fetch werkt. Allereerst moeten we enkele bestandsreferenties opslaan. Nogmaals, open het opdrachtpalet en zoek naar 'Fetch'. Kies voor nu 'Beheer externe bestanden'.
Het mooie van Sublime Text 2 is dat de configuratie ongelooflijk eenvoudig is. Om verwijzingen naar online-activabestanden toe te wijzen, hoeven we alleen maar een object te maken, zoals dat het geval is (maak je geen zorgen, er wordt een voorverpakking voor je gemaakt, na de installatie):
Dus, om het laatste exemplaar van jQuery in te voeren (als u geen CDN wilt gebruiken):
"bestanden": "jQuery": "http://code.jquery.com/jquery.min.js"
Meer informatie over het gebruik van Nettuts + Fetch.
Gebouwd door Will Bond (maker van Package Control), kunt u met de Nettuts + Prefixr-plug-in uw hele stylesheet automatisch bijwerken om ondersteuning voor alle verschillende vereiste CSS3-leveranciersprefixen te bieden. Op deze manier hoeft u nooit de website zelf te bezoeken; u typt slechts een toetsenbordopdracht en:
.vak border-radius: 10px; vakschaduw: 0 0 5px rgba (0,0,0, .4);
... zal worden omgezet in:
.box -webkit-border-radius: 10px; -moz-border-radius: 10px; grensradius: 10px; -webkit-box-shadow: 0 0 5px rgba (0,0,0, .4); -moz-box-shadow: 0 0 5px rgba (0,0,0, .4); vakschaduw: 0 0 5px rgba (0,0,0, .4);
Na de installatie (via Package Control), selecteert u uw stylesheet (of een enkel blok), drukt u op ctrl + alt + x op Windows en Linux, of cmd + ctrl + x op OS X, en de code wordt meteen door de Prefixr-webservice geleid.
Sublime Text 2 bevat een opdrachtregelhulpprogramma, subl, om met bestanden op de opdrachtregel te werken. "
Gebruik een symlink voor het hulpprogramma om dit te gebruiken.
ln -s "/ Applications / Sublime Text 2.app/Contents/SharedSupport/bin/subl" ~ / bin / subl
Zolang ~ / Bin is op jouw pad, dat zou de slag moeten slaan!
cd myProject-subl .
Raadpleeg hier voor aanvullende instructies.
Een beetje vreemd is dat de mogelijkheid om HTML automatisch op te maken niet is opgenomen als onderdeel van de standaard build van Sublime Text. De Tag-plugin, onder andere, hoop om een oplossing te bieden, echter vanwege een paar tekortkomingen - namelijk wanneer het gaat om HTML-opmerkingen - schiet het tekort.
De Tag-plug-in kan worden geïnstalleerd via Package Control.
Om de automatische opmaakvaardigheden te testen, de volgende HTML:
Hallo daar
doei
... wordt gewijzigd in:
Hallo daar
doei
Yikes; het ziet er slechter uit dan het is. Van mijn tests plaatst het ten onrechte niet de lichaam tag op zijn eigen regel, en wordt pissig als het gaat om HTML-opmerkingen. Totdat deze problemen zijn verholpen (of een native oplossing is meegeleverd), is het het beste om handmatig een HTML-blok te selecteren om te herformatteren in plaats van de hele pagina.
Een bonus van $ 200 wordt uitbetaald aan de eerste ontwikkelaar van Sublime Text plug-ins die de definitieve plug-in "Nettuts + HTML-formattering" maakt en verzendt.
Als je een avontuurlijk gevoel hebt, ga je je verdiepen in de enorme plugin-ontwikkelingsgemeenschap van Sublime Text en begin je met bijdragen. We hebben een uitstekende tutorial over het proces van het bouwen van een ST-plug-in hier op Nettuts +. Zorg ervoor dat u het eens bekijkt als dat u interesseert!
Hoe meer ik met Sublime Text 2 werk, hoe meer ik besef hoe ongelooflijk het is. Maar dit alles zou niets betekenen, al was het niet voor het feit dat het een waanzinnig snelle editor is, en, nog beter, het is nog niet klaar!
Als je nog verder wilt gaan, bekijk dan Snippeter, een code snippets manager die je codering verhoogt door je codefragmenten online op te slaan en je in staat stelt ze gemakkelijk te vinden met behulp van een geïntegreerde zoekbalk. Het laat je ook items exporteren als Sublime-tekstfragmenten (met tabTrigger-ondersteuning).
