Share
Sublime Text 2 är en av de snabbaste och mest otroliga kodredigerare som ska släppas på länge! Med ett community och plugin-ekosystem så passionerat som det här kan det bara vara omöjligt för någon annan redaktör att komma ikapp. Jag visar dig mina favorittips och tricks idag.
Sublime Text 2 är för närvarande tillgänglig för alla större plattformar: OS X, Linux och Windows.
Sublim är i aktiv utveckling. Om du vill använda den senaste versionen av appen, kan du hämta dev-byggnaden. Du kommer att upptäcka att nya (auto) uppdateringar är tillgängliga varannan dag eller så.
Hämta en dev bygg av Sublime 2 här.
Uppdatering: Här är en bättre ikon.
I sitt försvar är Sublime Text 2 fortfarande i beta-tillstånd. Den officiella ikonen kommer sannolikt / förhoppningsvis att förändras med den officiella utgåvan. Fram till dess skapade Nate Beaty en alternativ ikon, om du föredrar det.
För att integrera det måste du ersätta den befintliga filen "Sublime Text 2.icns" med den här nya. På en Mac, bläddra till Sublime 2 i din Program / mapp, högerklicka och "Visa paketinnehåll." Slutligen bläddra till Innehåll / Resources /, och dra den nya ikonen i, skriv över den befintliga.
Tänk på att om du använder den ofta uppdaterade utvecklingsversion av Sublime Text, med varje uppdatering kommer ikonen att tas bort. Med det i åtanke, oroa dig inte för ikonen för tillfället.
På samma sätt som TextMate kan vi använda Sublime: s kommandopalett genom att öppna Verktyg menyn eller genom att trycka på Skift + Kommando + P, på Mac. Oavsett om du behöver besöka en inställningssida eller klistra in ett utdrag, kan allt detta uppnås här.
Tryck Kontrollera eller Kommando + P, skriv in namnet på den fil du vill ha åtkomst till (fuzzy finder), och utan att ens trycka Stiga på, Du kommer omedelbart att transporteras till den filen. Medan Vim och appar som PeepOpen erbjuder en liknande funktionalitet, är de nästan inte lika snabba som Sublime's implementation.
Redaktörer som TextMate har länge erbjudit vertikalt urval, vilket är ganska snyggt. Men med flera val kan du ha flera markörer på sidan. Detta kan drastiskt minska behovet av att använda vanliga uttryck och avancerad sökning och ersätta frågor. Kanske är en snabb visuell demonstration i ordning ...
För att aktivera flera val har du flera alternativ:
Accentsconagua
Alt eller Kommando och klicka sedan i varje region där du behöver en markör.Skift + Kommando + L. Kontroll / Kommando + D upprepade gånger för att välja ytterligare händelser av det ordet. Alt + F3 på Windows, eller Ctrl + Kommando + G på Mac. fantastiska!! Uppdatering: Den här funktionen kommer nu förinstallerad med Sublime Text 2.
Det är en så liten funktion, men jag har alltid älskat hur Notepad ++ på Windows visar indragguider; Det gör sidan mycket enklare att navigera och formatera. Sublime Text 2 erbjuder denna förmåga via ett plugin skapat av Nikolaus Wittenstein.
För att integrera det här plugin:
paket mapp. På en Mac skulle den här vägen vara Programstöd / Sublim Text 2 / Paket Stegen som skisseras i föregående tips (# 6) är lite tråkiga, eller hur? Istället kan vi installera den utmärkta Sublime Package Control som effektiviserar hela processen.
För att installera "Paketkontroll", öppna Sublim och tryck på Control + '. Sedan klistra in följande kod i konsolen.
importera urllib2, os; pf = 'Paketkontroll.sublime-paket'; ipp = sublime.installed_packages_path (); os.makedirs (ipp) om inte os.path.exists (ipp) annars None; open (os.path.join (ipp, pf), 'wb') .write (urllib2.urlopen ( 'http://sublime.wbond.net/'+pf.replace (", '% 20')). read ()) Oroa dig inte om du inte förstår koden ovan; bara kopiera och klistra in!
Slutligen starta om Sublim Text och bläddra till Inställningar -> Paketinställningar. Om installationen lyckades ser du nu en Paketkontroll objekt i den listan.
Med Package Control installerad blir processen med att lägga till nya plugins och funktionalitet otroligt enkelt!
För ett användningsexempel, hänvisa till nästa objekt i den här listan.
Om du är den typ som föredrar att ställa upp dina lika tecken - till exempel i din JavaScript ...
// Innan var joe = 'Joe'; var johnny = 'johnny'; var quaid = 'quaid'; // Efter var joe = 'Joe'; var johnny = 'johnny'; var quaid = 'quaid';
... den här processen kan automatiseras, via pluginet Sublime Alignment. Snarare än att ladda ner och installera det manuellt, låt oss istället använda Paketstyrning (skisserat i # 7).
Skift + Kommando + P Skift + Kommando + A för automatisk justering.
Denna process kan upprepas för alla de typiska plugins som vi installerar, till exempel Zen Coding.
Jag är ett stort fan av Vim. Mängden ström det ger är galen. Det faktum att jag har bytt till Sublime Text 2 ska tala volymer då!
Om du använder en dev-byggnad med Sublime Text (se # 2 i den här listan) kan du aktivera Vintage-läge, vilket ger stöd för Vi-kommandon som vi känner och älskar - okej ... några av oss kärlek. Resten av er hatar det! :)
För att aktivera vintageläget, bläddra till Inställningar / Globala inställningar - Standard. När denna fil öppnas, bläddrar du längst ner och ändrar "ignored_packages": ["Vintage"] till "ignored_packages": []. Nästa, starta om Sublim, tryck på Fly tangent, och, tada: kommandoläge!
En sak som du kanske märker är att det i kommandoläge kan vara svårt att hitta markören (speciellt när man utnyttjar saker som bokmärken). Vid mer än ett tillfälle har jag befunnit mig att försöka jaga sin plats.
Medan det inte är en perfekt lösning, försöker ett plugin, kallat "SublimeBlockCursor," att åtgärda problemet.
Notera: Medan readme säger att SublimeBlockCursor kan installeras, kunde jag inte hitta den via Paketkontroll. Istället var jag tvungen att klona projektet manuellt i
paketmapp.
Ibland måste vi filtrera bort alla extra fluffar som kommer i vägen för vår kodning. Använd "Distraction Free Mode" för att ta denna idé så långt som möjligt. Detta alternativ är tillgängligt via Se meny. Välj "Enter Distraction Free Mode", eller använd genvägens genväg, Kontroll + Skift + Kommando + F.
TextMate snippets och teman hamnar snyggt till Sublime Text. Du behöver bara släppa dem i mappen Paket -- .tmbundle förlängningen intakt och Sublime kommer att känna igen filerna. Det betyder att hela katalogen av TextMate-teman kommer att fungera i Sublime!
Till exempel har jag arbetat med den (fantastiska) Slim Templating Engine en bra bit nyligen och behövde bättre syntaxmarkering. Fred Wu skapade en bunt för TextMate, men tada fungerar det perfekt även i Sublime Text! Om du är intresserad kan du ladda ner Slim-buntet här; Den innehåller både utdrag och syntaxmarkering.
Standardtemat för Sublime Text är utmärkt, men jag föredrar mycket ett anpassat ljus och mörkt tema, Soda, skapad av Ian Hill.
Som taget från Github-sidan ...
"Om du är en git-användare, är det bästa sättet att installera temat och uppdatera klienten att klona repo direkt i din Paketkatalog i inställningsområdet Sublime Text 2."
Gå till din Sublime Text 2 Packages-katalog och klon temaförrådet genom att använda kommandot nedan:
git klon https://github.com/buymeasoda/soda-theme/ "Theme - Soda"
Så här konfigurerar du Sublime Text 2 för att använda temat:
Sublim Text 2 -> Inställningar -> Användare Global Inställningar "tema": "Soda Light.sublime-tema"
Sublime Text ger oss några olika sätt att fråga en sida (utanför de vanliga sökfunktionerna).
Behöver ett snabbt sätt att bläddra till en viss funktion eller metod?
Typ Kontroll / Kommando + r för att avslöja en popup som möjliggör denna mycket sak (märker @ symbol)! Ännu bättre är sökningen också otydlig, vilket är särskilt användbart för stora klasser.
Vad händer om du vill omedelbart övergå till en viss del av en HTML-sida - säg till div med en klass av behållare. Typ Kontroll / Kommando + sid, sedan #, och du kommer genast se ett träd av ditt dokument.
För att snabbt flytta till ett visst radnummer på sidan kan du trycka på Kontroll + g. Men du märker att det återigen drar upp den paletten (Kontroll / Kommando + sid) och lägger till : symbol. Detta antas från Vim.
Detta betyder, förutom Kontroll + g, du kan också skriva, Kontroll / Kommando + sid, och då :LINJE NUMMER.
Låt oss säga att du är en fan av Normalize.css. Kanske laddar du ner det och sparar det till ett utdrag, eller lagrar stilarket självt i en aktivitetsmapp. På så sätt, för framtida projekt behöver du bara kopiera och klistra in.
Det enda problemet med den här metoden är att om några månader har gått är det mer än möjligt att tillgången (i detta fall Normalize.css) har uppdaterats av skaparen. Så dina alternativ är att antingen använda den nu utdaterade versionen av Normalisera, eller återvända till GitHub-sidan och dra in en ny kopia. Allt detta verkar vara tråkigt.
Skapat av Weslly Honorato är Nettuts + Fetch lösningen på vårt dilemma. Den kan installeras, via paketkontroll.
Du använder bara två kommandon när du arbetar med Hämta. Först måste vi spara några filreferenser. Återigen, hämta kommandopaletten och sök efter "Hämta". För nu väljer du "Hantera fjärrfiler."
Vad som är bra med Sublime Text 2 är att konfigurationen är otroligt enkel. För att tilldela referenser till onlinebaserade aktivfiler behöver vi bara skapa ett objekt, så att det inte är oroat, det kommer att vara förbefolket för dig efter installationen):
Så, för att dra in den senaste kopian av jQuery (om du inte vill använda en CDN):
"filer": "jquery": "http://code.jquery.com/jquery.min.js"
Läs mer om hur du använder Nettuts + Hämta.
Byggd av Will Bond (skapare av Paketstyrning), kan verktyget Nettuts + Prefixr automatiskt uppdatera hela stilarket för att inkludera stöd för alla olika CSS3-leverantörs prefix. På så sätt behöver du aldrig besöka webbplatsen själv; du skriver bara ett tangentbordskommando och:
.rutan gränsstråle: 10px; boxskugga: 0 0 5px rgba (0,0,0, .4);
... kommer att konverteras till:
.box -webkit-border-radius: 10px; -moz-gränsen-radien: 10px; gränsstråle: 10px; -webkit-box-skugga: 0 0 5px rgba (0,0,0, .4); -moz-box-skugga: 0 0 5px rgba (0,0,0, .4); boxskugga: 0 0 5px rgba (0,0,0, .4);
När du har installerat (via Paketstyrning), välj ditt stilark (eller ett enda block), tryck på ctrl + alt + x på Windows och Linux, eller cmd + ctrl + x på OS X, och koden kommer genast att köras via prefixr webbtjänsten.
Sublim Text 2 innehåller ett kommandoradsverktyg, subl, för att arbeta med filer på kommandoraden. "
För att använda den, skapa en symlink till verktyget.
ln -s "/ Program / Sublime Text 2.app/Contents/SharedSupport/bin/subl" ~ / bin / subl
Så länge som ~ / Bin är på din väg, det borde göra tricket!
cd myProject subl .
Se här för ytterligare instruktioner.
Lite märkligt är möjligheten att automatiskt formatera HTML inte inkluderad som en del av standarduppbyggnaden av Sublime Text. Taggen plugin, bland annat, förhoppningar Att tillhandahålla en lösning, dock på grund av några brister - nämligen när det gäller HTML-kommentarer - det blir kort.
Tag-plugin kan installeras via paketkontroll.
För att testa sina autoformateringsförmåga, följer följande HTML:
Hallå där
Adjö
... kommer att ändras till:
Hallå där
Adjö
yikes; det ser sämre än det är. Från mina test placerar den inte felaktigt kropp tagg på egen linje och blir pissy när det handlar om HTML-kommentarer. Innan dessa problem är korrigerade (eller en inbyggd lösning tillhandahålls) är det bäst att manuellt välja ett HTML-block för att formatera, snarare än hela sidan.
En $ 200-bonus kommer att betalas till den första Sublime Text-pluginutvecklaren som skapar och skickar den definitiva "Nettuts + HTML Formatter" -inställningen.
Om du känner dig äventyrlig, gräva dig till Sublime Texts enorma plugin development community och börja bidra. Vi har en utmärkt handledning om processen att bygga ett ST-plugin här på Nettuts +. Var noga med att kolla om det intresserar dig!
Ju mer jag arbetar med Sublime Text 2, desto mer inser jag hur otroligt det är. Men allt detta skulle innebära ingenting om inte för det faktum att det är en galen snabb redaktör, och ännu bättre är den inte färdig!
Om du vill gå ännu längre, kolla in Snippeter, en kodhanteringshanterare som ökar din kodning genom att spara kodkod online och du kan enkelt hitta dem med hjälp av en integrerad sökfält. Det låter dig också exportera objekt som Sublime Text-utdrag (med tabTrigger-stöd).
