Share
Sublime Text 2 er en av de raskeste og mest utrolige kodeditorene som skal løses på lenge! Med et fellesskap og plugin-økosystem så lidenskapelig som denne, kan det bare være umulig for enhver annen redaktør å fange opp. Jeg vil vise deg mine favoritt tips og triks i dag.
Sublime Text 2 er for tiden tilgjengelig for alle store plattformer: OS X, Linux og Windows.
Sublime er i aktiv utvikling. Hvis du, som jeg, vil bruke den nyeste versjonen av appen, kan du laste ned dev build. Du finner at nye (auto) oppdateringer er tilgjengelig hver annen dag eller så.
Last ned en dev-bygning av Sublime 2 her.
Oppdatering: Her er et bedre ikon.
I forsvaret er Sublime Text 2 fortsatt i en beta-tilstand. Det offisielle ikonet vil trolig / forhåpentligvis endres med den offisielle utgivelsen. Inntil da opprettet Nate Beaty et alternativt ikon, hvis du foretrekker det.
For å integrere det, må du erstatte den eksisterende "Sublime Text 2.icns" -filen med denne nye. På en Mac, bla til Sublime 2 i din Applikasjoner/ mappe, høyreklikk deretter og "Se pakkeinnhold." Til slutt, bla til Innhold / Ressurser /, og dra det nye ikonet i, overskrive den eksisterende.
Vær oppmerksom på at hvis du bruker den ofte oppdaterte Utviklingsversjon av Sublime Text, med hver oppdatering, vil ikonet bli fjernet. Med det i tankene, ikke bekymre deg for ikonet for øyeblikket.
På samme måte som TextMate, kan vi bruke Sublime's kommandopalett ved å få tilgang til Verktøy menyen, eller ved å trykke Skift + Kommando + P, på Mac. Enten du trenger å besøke en Innstillinger-side, eller lim inn en utdrag, kan alt dette oppnås her.
trykk Styre eller Kommando + P, skriv inn navnet på filen du vil ha tilgang til (fuzzy finder), og uten å trykke enda Tast inn, Du vil umiddelbart bli transportert til den filen. Mens Vim og programmer som PeepOpen tilbyr en lignende funksjonalitet, er de ikke nesten like fort som Sublime implementering.
Redaktører som TextMate har lenge tilbudt vertikalt utvalg, noe som er ganske pent. Men med flere valg kan du ha flere markører på siden. Dette kan drastisk redusere behovet for å bruke vanlige uttrykk, og avansert søk og erstatte spørringer. Kanskje en rask visuell demonstrasjon er i orden ...
For å aktivere flervalg, har du flere alternativer:
Accentsconagua
alt eller Kommando og klikk deretter i hver region der du trenger en markør.Skift + Kommando + L. Kontroll / kommando + D gjentatte ganger for å velge flere forekomster av det ordet. Alt + F3 på Windows, eller Ctrl + Command + G på Mac. Fantastisk!! Oppdatering: Denne funksjonen kommer nå forhåndsinstallert med Sublime Text 2.
Det er en så liten funksjon, men jeg har alltid elsket hvordan Notepad ++ på Windows viser innrykkguider; det gjør siden mye enklere å navigere og formatere. Sublime Text 2 tilbyr denne muligheten, via et plugin laget av Nikolaus Wittenstein.
Slik integrerer du dette plugin:
pakker mappe. På en Mac ville denne banen være Programstøtte / Sublim tekst 2 / Pakker Trinnene som er skissert i forrige tips (# 6) er litt kjedelige, ikke sant? I stedet kan vi installere den utmerkede sublim pakkekontrollen som strømlinjeformer hele prosessen.
For å installere "Pakkekontroll", åpne Sublime og trykk Kontroll + '. Deretter limer du inn følgende utdrag i konsollen.
importere urllib2, os; pf = 'Package Control.sublime-pakke'; ipp = sublime.installed_packages_path (); os.makedirs (ipp) hvis ikke os.path.exists (ipp) ellers Ingen; åpen (os.path.join (ipp, pf), WB) -write (urllib2.urlopen ( 'http://sublime.wbond.net/'+pf.replace (", '% 20')). lese ()) Ikke bekymre deg hvis du ikke forstår koden ovenfor; Bare kopier og lim inn!
Til slutt, start på Sublime Text, og bla til Innstillinger -> Pakkeinnstillinger. Hvis installasjonen var vellykket, vil du nå se en Pakkekontroll element i den listen.
Med Package Control installert, blir prosessen med å legge til nye plugins og funksjonalitet utrolig enkelt!
For et brukseksempel, se neste punkt i denne listen.
Hvis du er den typen som foretrekker å stille opp dine like tegn - for eksempel i JavaScript ...
// Før var joe = 'Joe'; var johnny = 'johnny'; var quaid = 'quaid'; // Etter var joe = 'Joe'; var johnny = 'johnny'; var quaid = 'quaid';
... denne prosessen kan automatiseres, via Sublime Alignment plugin. I stedet for å laste ned og installere den manuelt, la oss i stedet bruke pakkekontroll (skissert i # 7).
Skift + Kommando + P Skift + Kommando + A å justere automatisk.
Denne prosessen kan gjentas for alle de typiske pluginene vi installerer, for eksempel Zen Coding.
Jeg er en stor fan av Vim. Mengden kraft det gir er gal. Det faktum at jeg har byttet til Sublime Text 2, burde snakke volumer da!
Hvis du bruker en dev-konstruksjon med Sublime Text (se # 2 i denne listen), kan du aktivere Vintage-modus, som gir støtte til Vi-kommandoene som vi kjenner og elsker - okay ... noen av oss kjærlighet. Resten av dere hater det! :)
For å aktivere Vintage-modus, bla til Innstillinger / Globale innstillinger - Standard. Når denne filen åpnes, blar du helt til bunnen og endrer "ignored_packages": ["Vintage"] til "ignored_packages": []. Neste, start på nytt Sublime, trykk på Flukt nøkkel, og, tada: kommandomodus!
En ting du kanskje merker er at i kommandomodus kan det være vanskelig å finne markøren (spesielt når du utnytter ting som bokmerker). Ved flere anledninger har jeg funnet meg selv å prøve å jakte på sin plassering.
Selv om det ikke er en perfekt løsning, forsøker et plugin, kalt "SublimeBlockCursor," å løse dette problemet.
Merk: Mens readme sier at SublimeBlockCursor kan installeres, var jeg ikke i stand til å finne den via pakkekontroll. I stedet måtte jeg klone prosjektet manuelt inn i
pakkermappe.
Noen ganger må vi filtrere ut alle de ekstra fluffene som kommer i veien for kodingen vår. Bruk "Distraksjon Free Mode" for å ta denne ideen så langt som mulig. Dette alternativet er tilgjengelig via Utsikt Meny. Velg "Enter Distraction Free Mode", eller bruk hurtigtast snarvei, Kontroll + Skift + Kommando + F.
TextMate snippets og temaer overfører pent til Sublime Text. Du trenger bare å slippe dem i pakken mappen -- .tmbundle utvidelsen intakt, og Sublime vil gjenkjenne filene. Dette betyr at hele katalogen av TextMate-temaer vil fungere i Sublime!
For eksempel har jeg jobbet med den (fantastiske) Slim Templating Engine en god del i det siste, og trengte bedre syntaksutheving. Fred Wu opprettet et bunt for TextMate, men det virker perfekt også i Sublime Text! Hvis du er interessert, kan du laste ned Slim-bunten her; Den inneholder både utdrag og syntaksutheving.
Standardtemaet for Sublime Text er utmerket, men jeg foretrekker et tilpasset lys og mørkt tema, Soda, skapt av Ian Hill.
Som tatt fra Github-siden ...
"Hvis du er en git-bruker, er den beste måten å installere temaet på og oppdatert, å klone repoen direkte inn i pakkekatalogen din i området Sublime Text 2."
Gå til din Sublime Text 2 Packages-katalog og klon temaforlaget ved hjelp av kommandoen nedenfor:
git klone https://github.com/buymeasoda/soda-theme/ "Theme - Soda"
Slik konfigurerer du Sublime Text 2 for å bruke temaet:
Sublim tekst 2 -> Innstillinger -> Bruker Globale innstillinger "tema": "Soda Light.sublime-tema"
Sublime Text gir oss noen forskjellige måter å spørre en side på (utenom de vanlige søkefunksjonene).
Trenger en rask måte å bla gjennom til en bestemt funksjon eller metode?
Type Kontroll / kommando + r å avsløre en popup som tillater denne veldig ting (Legg merke til @ symbol)! Enda bedre, søket er også uklar, noe som er spesielt nyttig for store klasser.
Hva om du umiddelbart vil overgå til en bestemt del av en HTML-side - si til div med en klasse av container. Type Kontroll / kommando + s, deretter #, og du vil øyeblikkelig se et tre av dokumentet ditt.
For å raskt flytte til et bestemt linjenummer på siden, kan du trykke på Kontroll + g. Du vil imidlertid legge merke til at det igjen trekkes opp den paletten (Kontroll / kommando + s), og legger til : symbol. Dette er adoptert fra Vim.
Dette betyr, i tillegg til Kontroll + g, du kan også skrive, Kontroll / kommando + s, og så :LINJENUMMER.
La oss si at du er en fan av Normalize.css. Kanskje, du laster ned den og lagrer den i en utdrag, eller lagrer stilarket, i seg selv, i en aktivitetsmappe. På den måten, for fremtidige prosjekter, trenger du bare å kopiere og lime inn.
Det eneste problemet med denne metoden, som vi alle har oppdaget, er at hvis noen måneder har gått, er det mer enn mulig at aktiva (i dette tilfellet Normalize.css) vil bli oppdatert av skaperen. Så alternativene dine er enten å bruke den nå utdaterte versjonen av Normaliser, eller, igjen, gå tilbake til GitHub-siden og trekk inn en fersk kopi. Alt dette virker kjedelig.
Laget av Weslly Honorato, Nettuts + Fetch er løsningen på vårt dilemma. Den kan installeres, via pakkekontroll.
Du bruker bare to kommandoer når du arbeider med Hent. Først må vi lagre noen filreferanser. Igjen, ta opp kommandopaletten, og søk etter «Hent.» For nå, velg "Administrer eksterne filer."
Hva er bra med Sublime Text 2 er at konfigurasjonen er utrolig enkel. For å tilordne referanser til elektroniske aktivfiler trenger vi bare å opprette et objekt, slik som det (ikke bekymre deg, en vil bli forhåndsbefolket for deg etter installasjon):
Så, for å trekke inn den nyeste kopien av jQuery (hvis du ikke vil bruke en CDN):
"filer": "jquery": "http://code.jquery.com/jquery.min.js"
Lær mer om bruk av Nettuts + Hent.
Bygget av Will Bond (skaperen av pakkekontroll), kan Nettots + Prefixr-pluginet automatisk oppdatere hele stilarket ditt for å inkludere støtte for alle de forskjellige CSS3-leverandørens prefikser. På den måten må du aldri besøke nettstedet selv; du skriver bare en tastaturkommando, og:
.boks border-radius: 10px; boks-skygge: 0 0 5px rgba (0,0,0, .4);
... vil bli konvertert til:
.boks -webkit-border-radius: 10px; -moz-grense-radius: 10px; border-radius: 10px; -webkit-boks-skygge: 0 0 5px rgba (0,0,0, .4); -moz-boks-skygge: 0 0 5px rgba (0,0,0, .4); boks-skygge: 0 0 5px rgba (0,0,0, .4);
Når du er installert (via pakkekontroll), velg ditt stilark (eller en enkelt blokk), trykk Ctrl + Alt + x på Windows og Linux, eller cmd + ctrl + x på OS X, og koden vil øyeblikkelig bli kjørt via Prefixr webtjenesten.
Sublime Text 2 inneholder et kommandolinjeverktøy, subl, for å arbeide med filer på kommandolinjen. "
For å bruke det, opprett en symlink til verktøyet.
ln-s "/ applikasjoner / sublim tekst 2.app/Contents/SharedSupport/bin/subl" ~ / bin / subl
Så lenge som ~ / Bin er i din vei, det burde gjøre trikset!
cd myProject subl .
Se her for ytterligere instruksjoner.
Litt merkelig, er muligheten til å automatisk formatere HTML ikke inkludert som en del av standardbygget av Sublime Text. Tag-pluginet, blant annet, håp Å gi en løsning, men på grunn av noen få mangler - nemlig når det gjelder HTML-kommentarer - det faller kort.
Tag-pluginet kan installeres via pakkekontroll.
For å teste sine autoformateringsferdigheter, følger følgende HTML:
Hei der
Ha det
... vil bli endret til:
Hei der
Ha det
Yikes; det ser verre ut enn det er. Fra mine tester plasserer den feilaktig ikke kropp tag på egen linje, og blir sur når du håndterer HTML-kommentarer. Inntil disse problemene er løst (eller en opprinnelig løsning er gitt), er det best å manuelt velge en blokk med HTML for å reformatere, snarere enn hele siden.
En $ 200 bonus vil bli betalt til den første Sublime Text plugin-utvikleren som lager og sender den endelige "Nettuts + HTML Formatter" -plugin.
Hvis du føler deg eventyrlystne, graver du inn Sublime Texts store plugin-utviklingssamfunn, og begynner å bidra. Vi har en utmerket opplæring i prosessen med å bygge en ST plugin her på Nettuts +. Husk å sjekke det ut hvis det interesserer deg!
Jo mer jeg jobber med Sublime Text 2, jo mer skjønner jeg hvor utrolig det er. Men alt dette ville ikke bety noe om ikke for det faktum at det er en sånn rask redaktør, og enda bedre er den ikke ferdig!
Hvis du vil gå enda lenger, kan du sjekke ut Snippeter, en kodeutskriftsadministrator som øker kodingen ved å lagre kodesnittene dine online og gjør det enkelt å finne dem ved hjelp av en integrert søkefelt. Det lar deg også eksportere elementer som Sublime Text-utdrag (med tabTrigger-støtte).
