Share
På mindre enn et år har Sublime Text 2-kodeditoren - tilgjengelig for Mac, Windows og Linux - skutt ut til å bli redaktør av valg for et stort antall utviklere. Hvorfor det? Vel, det er en sofistikert redaktør, med lynrask hastighet, et utrolig levende plugin-fellesskap, enkel konfigurering, Vintage (Vim) -modus, flere markører - listen fortsetter.
Hvis du ennå ikke har gjort bryteren, uten noen følelse av lojalitet til din nåværende redaktør, kan du gi meg tjue minutter, og jeg vil overbevise deg!
Vær oppmerksom på at denne artikkelen, for convenienccsse og lesbarhet, vil utelukkende bruke de Mac-spesifikke tastaturbindingene. Se her for tilsvarende Windows / Linux versjoner.
La oss begynne med funksjonen som vil blåse opp: flere markører. Et forsiktighetsvarsel: Når du opplever fleksibiliteten til å ha flere markører på fingertipsene, vil du ikke kunne gå tilbake til den gamle måten.
Tenk deg at du må endre hver forekomst av ordet, myMethod, til newMethod. Tradisjonelt kan du utføre et søk og erstatte; Men i Sublime er det mye lettere. Bare plasser markøren i ordet, og skriv inn Kontroll + kommando + g. Med denne tastetrykket alene har du nå valgt alle forekomster av myMethod, og har flere markører på fingertipsene dine. Endre teksten, og se på alle oppdateringer! Jaw dropping, høyre?
Alternativt kan du trykke på Kommando + d gjentatte ganger for å inkremental velge hver ekstra forekomst av ordet.
Sublime's kommandopalett er en gud-send for de som foretrekker å røre musen så lite som mulig (mer om det kort tid). Denne paletten lar deg kjøre utallige kommandoer, for eksempel å endre syntaks typen for det nåværende dokumentet, installere plugins og søke etter utklipp, for å nevne noen få.
Hvis du for eksempel skal endre gjeldende syntaksutheving for det nåværende dokumentet, for eksempel, HTML, til CSS, trykker du på Kommando + Skift + s, og skriv "css." Alternativet "Set Syntax: CSS" skal nå vises. Hit enter, og du er ferdig! Merk at du kan dra nytte av fuzzy søk her; Som sådan trenger du ikke skrive hele ordet.
Husk denne tastaturkommandoen og bruk den ofte.
Laget av Will Bond, er Package Control en kraftig pakkeadministrator som lar deg, fra direkte innenfor kodeditoren, installere noen pakker (eller plugin) som du kan forestille deg. Trenger du Zen Coding? Installer den om tre sekunder. Hva med Prefixr-støtte eller CoffeeScript-syntaksutheving? Det tar bare et par tastetrykk på oppsettet. Ikke mer skure nettet for riktig plugin, og deretter undersøke hvor du skal installere det.
Hvis du vil installere pakkekontroll, kan du besøke Will Bonds nettsted, kopiere kodens kodestykke, gå tilbake til Sublime Text, trykk Styre +', og lim inn koden og start den på nytt. Du er ferdig!
La oss installere Zen Coding. Åpne kommandopaletten (Kommando + Skift + s) og skriv inn, "installer". Når du trykker på Tast inn, Sublime vil gi en liste over alle de forskjellige pluginene som er tilgjengelige for installasjon. Søk etter Zen å hente "Zen Coding" og treffe Tast inn å installere den. Yep - det er så enkelt! For å bekrefte at det fungerte, i en tom HTML-fil, skriv inn ul> li * 4 + Tab. Tada!
Det er sannsynlig at du bruker Mac-lesere for øyeblikket ved hjelp av TextMate. Heldigvis tilbyr Sublime Text full støtte til TextMate-temaer. Dette betyr at ja, det tilpassede fargeskjemaet kan migreres til Sublime Text uten et unse konfigurasjon. Bare slipp det i "Pakken" -katalogen din som den er.
Hvor mange ganger har du lastet ned manuelt, for eksempel HTML5 Boilerplate eller jQuery-biblioteket? Det er sløsing ville det ikke vært enklere hvis vi kunne kjøre en hurtig tastetrykk og umiddelbart laste dem ned til det nåværende prosjektet? Selvfølgelig ville det! Nettuts + Fetch er løsningen.
Installer den gjennom pakkekontroll, og søk deretter etter "Hent: Administrer eksterne filer." Dette vil vise to objekter for henting av enkeltfiler og pakker, henholdsvis; to har blitt gitt for deg.
For å teste det, opprett en ny fil, søk etter "Hent" i kommandopaletten, velg "Enkel fil -> jQuery", og se på den nyeste versjonen av biblioteket umiddelbart lagt til. Deretter prøver du å installere en hel pakke, og bli overrasket.
Gå til hvilken som helst klasse eller liste over funksjoner du har tilgjengelig, skriv inn Kommando + r, og du vil bli presentert med en liste over alle symbolene på siden. Legg merke til hvordan vi bruker @ symbol for å se metodene.
Som et eksempel, hvis du ser en PHP-klasse, Kommando + r vil liste opp alle metode navnene. Du kan da bruke fuzzy search for å flytte direkte til ønsket metode.
Når vi kombinerer dette med Sublime's øyeblikkelige filovergangskapasiteter, blir denne kommandoen spesielt nyttig. Tenk deg at du må redigere style.css, og spesielt den .eske klasse i den filen; type Kommando + s, style @ boks, og du er der!
Prefixr er en webtjeneste som automatisk bruker de nødvendige CSS-leverandørens prefikser til stilarkene dine, slik at du ikke trenger å huske hvilke leverandører som skal bruke for en hvilken som helst CSS3-egenskap. Prefixr-plugin bringer denne funksjonaliteten direkte til redaktøren din!
Når du har installert pluginet gjennom pakkekontroll, velger du innholdet i stilarket ditt og utløser pluginet ved å skrive Kontroll + Kommando + x. Voila! Filen din er umiddelbart oppdatert. Bruk den offisielle syntaksen, og la Prefixr finne ut de leverandørspesifikke kravene.
Jo mindre du berører musen, desto bedre. Dessverre, som standard, kan du lage litt lengre tid enn vi ønsker, hvis du lager en ny fil i Sublime Text. "Avansert ny fil" -plugin, som som alltid kan installeres gjennom pakkekontroll, løser dette.
Når du er installert, skriv inn Kommando + Alternativ + n, og du får se et nytt panel dukker opp på bunnen.
Det som er fantastisk med dette pluginet er at du også kan lage filer i mapper som ikke eksisterer ennå. Kanskje du trenger å opprette en ny scripts.js fil, men du har ennå ikke opprettet js katalogen. Det er ok; pluginet vil vite å opprette mappen hvis den ikke eksisterer ennå. Skriv bare den fulle banen til ønsket ny fil, og du er god til å gå.
La oss lage en ny jQuery.js-fil i en JS / libs katalog som ennå ikke er opprettet; Alternativ + Kommando + n, JS / libs / jquery.js, lagre, Kommando + Skift + s, "Hent", "Enkel fil", "jQuery." Vi har nå, i sekunder, opprettet et katalogtreet og lastet ned den nyeste versjonen av biblioteket.
Skulle de ønske å gjøre det, kan Vim-brukere enkelt migrere til Sublime Text, takket være den valgfrie Vintage-modusen. For å aktivere det, rediger «Standardinnstillinger» -filen i Innstillinger-menyen, bla til bunnen og fjern "Vintage" -elementet fra ignored_packages matrise.
Trykk nå Flukt, og du er i kommandomodus! Du finner at Sublime's Vi nøkkelbindinger er ganske nøyaktige!
Hver utdrag i Sublime Text refererer til en enkelt fil, og tillater tabulasjonsfylling og standardverdier. For å opprette en ny utdrag, velg "Verktøy -> Ny utdrag". I denne nye filen kan du, innenfor
Lagre filen med en .sublime-tekstutdrag utvidelse, og test det ut!
Selv om Sublime's innfødte utdrag sikkert får jobben gjort, for større utdrag, foretrekker jeg å benytte GitHub Gists og versjonskontroll.
Begynn med å installere "Gist" -tillegget via pakkekontroll. Dette vil nå gi oss en håndfull nye alternativer i kommandopaletten.
Når du prøver å opprette en ny Gist, vil du oppdage at du først må gi plugin-modulen med GitHub-legitimasjonene dine. Jeg anbefaler at du oppretter en spesiell konto spesielt for dine utdrag. Når du gjør det, angi legitimasjonene, og prøv igjen. Når du har opprettet en håndfull utdrag, kan du liste dem gjennom kommandopaletten ved å velge "Gist: Open Gist."
Den beste delen er at når du gaffel eksisterende snippets gjennom gist.github.com, vil de automatisk være tilgjengelig for deg i Sublime Text - pluss, gratis versjonskontroll for dine utdrag!
Sublime's build system tillater oss å bruke keybindings, som kan røres gjennom til eksterne programmer, for eksempel CoffeeScript, Sass, Grunt, og mer. Dette betyr, i stedet for å bytte til Terminal for å kjøre byggekommandoen, kan du oppnå det samme fra direkte i redigeringsprogrammet.
La oss bruke CoffeeScript som et eksempel, siden det er ganske populært i disse dager. Begynn med å opprette en coffeescript.sublime-build fil i katalogen "Pakker /". Deretter lim inn følgende kode i:
"cmd": ["kaffe", "- c", "$ fil"], "selector": "source.coffee", "path": "/ usr / local / bin /"
Mens det er flere alternativer tilgjengelig for oss, holder vi oss sammen med disse tre for øyeblikket. cmd Angir kommandoen som skal utføres, sammen med eventuelle argumenter og flagg. I dette tilfellet kjører vi nåværende fil gjennom kommandoen CoffeeScript compile. for det andre, sti er bare nødvendig hvis CoffeeScript ikke er installert i din basevei.
Når du har lagret filen, vil en ny valgfri være tilgjengelig gjennom "Verktøy -> Bygg system". Velg "CoffeeScript", og nå, når du kjører kommandoen "build" med Kommando + b, Den nåværende CoffeeScript-filen blir kompilert!
Addy Osmani har en fantastisk artikkel om Sublime Texts byggevner.
Noen ganger må vi filtrere ut alle de ekstra fluffene som kommer i veien for kodingen vår. Bruk "Distraksjon Free Mode" for å fjerne skjermen, unntatt koden. Dette alternativet er tilgjengelig via Vis-menyen. Velg "Enter Distraction Free Mode," ?? eller bruk snarvei til Mac-tastaturet, Kontroll + Skift + Kommando + F.
En av Sublime's stand-out funksjoner er sin unike sidebar som gir en fugleperspektiv av den nåværende filen. Dette kan være utrolig nyttig for store filer, da det tillater oss å skanne en fil i sekunder uten å måtte bla gjennom siden manuelt.
Foretrekker du å redigere flere filer i samme vindu? Sublime tilbyr en håndfull delte visninger, inkludert rader og kolonner. Bla til Vis -> Layout for å se de tilgjengelige valgene, og husk å huske tastaturkommandoene, siden du ofte bruker denne funksjonen!
Live CSS-pluginet er enkelt, men nyttig. Det vil automatisk angi bakgrunnen til hvilken som helst fargeverdi i stilarket ditt lik det du har angitt. Sikkert, det er en liten bekvemmelighet, men det kan likevel være nyttig!
Under utvikling, mange ganger, har vi ennå ikke det endelige innholdet for en webapplikasjon. I slike tilfeller bruker vi vanligvis plassholdertekst og bilder. Når du vurderer hvor ofte vi gjør dette, ville det ikke være smart å lage en håndfull plassholderutdrag? Vel, plassholder-plugin gjør dette veldig bra!
Enten du trenger et midlertidig bilde, noen få "lorem ipsum" avsnitt eller en definisjon liste med dummy tekst, vil dette pluginet være perfekt for jobben.
En overraskende sjelden bekvemmelighet, som finnes i Notepad ++, er innrykkshåndbøker. Noen ganger, når du surfer på store filer, kan det være vanskelig å matche innrykk uten hjelp.
Sublime's innrykk guider gir nyttige stiplede bilder å fikse dette.
Sublim tekst er noen ganger kritisert fordi den ikke gir et prangende grensesnitt for å angi konfigurasjonsalternativer. Ironisk nok er det i denne forfatterens oppfatning at det faktum at Sublime bokstavelig viser et redigerbart JavaScript-objekt er en av sine største styrker. Dette gjør prosessen med å tilpasse Sublime sine innstillinger nøyaktig til dine behov så enkelt som menneskelig mulig.
For eksempel, for å deaktivere "Indent-retningslinjer", åpne "Standard" -innstillingsfilen, søk etter draw_indent_guides (med Kommando + jeg), og sett verdien til falsk. Lett! Husk å se gjennom alle tilgjengelige innstillinger.
Hvis du fremdeles manuelt henviser til sidelinjen for å finne den ønskede filen for å bytte til, gjør du det feil. Sublime's umiddelbare filovergang er utrolig, og er raskere enn du noen gang har opplevd i en redaktør.
Type Kommando + s å hente en liste over alle filene i det nåværende prosjektet. Du kan nå bruke fuzzy search for å velge filen du ønsker å bytte til. Trenger du en liste over alle JavaScript-filene? Type .js. Du finner at når du skriver søket, vil Sublime Text, med lynhastighet, bytte til den øverste filen som samsvarer med søket ditt.
Dette er den foretrukne metoden for å navigere til nye filer. Sidebjelken er en siste utvei.
Sublime gir oss muligheten til enkelt å sette nøkkelbindinger for å utløse noen kommandoer. Mens mange bindinger allerede er innebygd, kan du endre dem til dine behov, hvis du ønsker det.
Vurder bindingen for å flytte en fil til et annet vindu, når du arbeider med flere kolonner. Som standard må vi trykke Kontroll + Skift + 2; Dette kan imidlertid være litt vanskelig å huske. La oss isteden omforme dette til Alternativ + 2.
Mens vi kunne redigere standard nøkkelbindingsfilen, er dette en dårlig praksis, på grunn av at noen Sublime oppdateringer vil nullstille tilpasningene dine. I stedet er det best å redigere brukernøkkelbindingsfilen.
["alt + 1"], "kommando": "move_to_group", "args": "group": 0, "keys": ["alt + 2"], "kommando ":" move_to_group "," args ": " group ": 1, " keys ": [" alt + 3 "]," kommando ":" move_to_group "," args ": " group ": 2 , "keys": ["alt + 4"], "kommando": "move_to_group", "args": "group": 3]
Ikke bekymre deg; Hvis dette ser forvirrende ut, må du søke i standard nøkkelbindingsfilen for de innstillingene du må endre, og deretter kopiere og lime dem inn i brukernøkkelfilen din og oppdatere "tastene" tilsvarende.
Når vi trenger å søke i en fil, tar vi ofte til å ta opp et "Søk og erstatt" -panel, som tar opp tid. I stedet trykker du på Kommando + jeg å utføre et levende søk på den nåværende filen. Du vil bli overrasket over hvor mye raskere denne metoden er.
Naturligvis gir Sublime Text støtte for multi-level kode folding. La oss si at du jobber med et stilark, og vil gjemme alle eiendommer; enten velg "Edit -> Cold Folding -> Fold All", eller trykk Kommando + k + 1.
Hyggelig! For å utfolde alle blokkene, trykk Kommando + k + j.
Keybindingene kan ta litt tid å huske, men det er verdt innsatsen.
Ikke glem at Sublime Text 2 utvikles aktivt. Jeg oppfordrer deg til å bruke utviklingsversjonen, tilgjengelig på sublimetext.com/dev. Ikke bekymre deg; selv om de er utviklingsversjoner, vil du sjelden komme over noen feil.
Alignment-pluginet, av Will Bond, vil øyeblikkelig justere koden din for å gjøre det mer vakkert lagt ut kode. Vanligvis er det vant til å sikre at likestegnet, =, for variabel oppdrag line up.
Installert via pakkekontroll, kan Alignment plugin aktiveres ved å velge et aktuelt stykke kode, og trykke på Kontroll + Skift + a.
I virkeligheten vil pluginet oversette:
Var først = 'Joe'; var sist = 'svart'; var job_title = 'Death'; var status = 'På ferie';
Inn i:
Var først = 'Joe'; var sist = 'svart'; var job_title = 'Death'; var status = 'På ferie';
Enkel, men nyttig!
Det er klart at det er mange flere hemmeligheter og triks i Sublime Text 2, men denne listen vil komme i gang! Hvis du vil lære mer om denne fantastiske redaktøren, må du huske å referere til vårt kommende kurs: "Perfekt arbeidsflyt i sublime tekst 2."
Accentsconagua